Brand Ingest Harness
Drop a prospect's URL, hex code, or logo file. The harness pulls
their brand into your design system — structural
tokens stay locked, only --brand,
--brand-fg, and
--brand-soft swap.
Below is what the prospect's product would look like running on the
chassis — ready to drop into a pitch deck.
Scan from URL
Paste a homepage. Claude infers likely brand colors from the domain and known brand context.
Pick a color
If you already know their brand hex. Picker stays in sync with the text field.
Your projects · live brands
Experimental · try a swap
Drop their logo
PNG / SVG / JPG. Goes into the brand mark in the top bar of the preview below.
Preview · storefront
brand-dominant surfaceBeef
Peanut Piston
100% grass-fed beef with peanut satay.
$15.90C N Cheese
Beef, cheddar, truffle mascarpone, parmesan.
$16.30Bio Fuel
Beef, egg, grated beetroot, salad, aioli.
$16.50Preview · admin dashboard
neutral-dominant + editorial lime + reporting blueDashboard
Sales by hour for the selected day
Preview · form section
tests --brand-soft icon-tileBusiness Identity
Basic information that identifies your business location
This name will appear on all receipts and in staff interfaces.
Preview · marketing landing page
brand-block headline + neutral feature grid + cta stripPreview · marketing landing page
tests --brand at hero scale + display sansPreview · stadium hero block
--font-display-sans · Anton (free) / Druk (paid)Darlings
Preview · quiet moment
--font-display-serif · EB Garamond (free) / Caslon (paid)Order received
People watching.
Your order will be ready in about ten minutes. Take a seat, the world will wait.
confirmation screens · empty states · thank-you moments — never chrome
Export · tokens override
drop into your app's :root
Paste this into the prospect's brand build (or into
tokens.css
as a new [data-brand] preset).
/* prospect: — */ /* applied: just now */ [data-brand="prospect"] { --brand: #1c1917; --brand-fg: #ffffff; --brand-soft: #f5f5f4; }
Want me to wire this into Figma variables too? Or extend the scan step to also pull a logo from the URL (favicon / og-image)? Easy adds — say the word.