"Compliance is a data problem,
not a sustainability problem."
Find your brand voice. Give AI the one thing it can’t invent — taste. Build the foundation, hand it to the machine, ship a landing page that looks like you.
12 May 2026 · Norrsken House Barcelona
YOUR FACILITATORS
Two perspectives, one workshop. Tech + business design. Engineering + UX. Builder + curator.
Head of Tech at Like a Human. 12+ years engineering at VanMoof, McLaren, DPG Media. Runs production AI agencies, teaches Claude Code.
Business + product designer pairing service design with hands-on UX. Brings the human side of the brief.
WHO WE ARE
We teach what we build, and we build what we teach. Everything is connected to drive growth.
Same gradients. Same fonts. Same hero sections. Same buttons. You can spot it in a second — and so can your customers.
SOMA's AI agent handles sustainability data end to end — from supplier outreach to audit-ready reporting — so your team can focus on reducing impact, not managing spreadsheets.
An AI tool only reflects the brief you give it.
Empty in, average out.
↓ here's what to put in that empty box.
Your brand voice isn't a tone of voice doc. It's a stake in the ground. Here's what that looks like in the wild.
"Compliance is a data problem,
not a sustainability problem."
"We're in business
to save our home planet."
"We don't make claims.
We make products."
One brand. One neutral. One accent — each light and dark. Anything else is decoration.
Pick one display. One body. Three weights, max. The whole system. The AI uses whatever you give it — so give it less.
One page. Four grids. Each section earns a different rhythm — and one earns the right to break the rules the rest established.
Decide the world your brand lives in — the AI will furnish it. The reference deck is the whole brief.
Raw nature or polished studio? Editorial or industrial? Decide the place your brand inhabits before anything else.
Concrete, linen, glass, soil, paper, skin. Surfaces carry personality — pick three and stick with them.
Pick 3 images you’d use. Pick 3 you’d reject. The space between them is your visual language.
The AI doesn’t read your brand values — it pattern-matches your references. Pull 9 images. Make sure they share a soul. Hand them to the machine.
Best for: brand voice, type pairings, editorial layouts. The quality bar is high — no SEO sludge.
Best for: production web excellence. Filter by SOTD & jury picks — see what world-class teams actually ship.
Best for: textures, fashion, photography, broad mood. Cast wide, then heavily prune to your taste.
Best for: real type. Pangram Pangram’s free arm — the foundry-grade alternative to Inter / Roboto. Worth more than Google Fonts.
Best for: pairing two typefaces. Curated combinations of display + body so you don’t guess. See them in context before you commit.
Best for: interaction patterns, dashboard layouts, app states. Lots of glossy noise — use as a starting filter.
Every foundation is a stake in the ground. Together they’re the brief you hand to AI — and the reason your brand stops looking like everyone else’s.
Coffee shop. Side project. Workshop. Service. Whatever’s in your head — we’ll turn it into a real page, with your own DLS, in Google Stitch.
Pick two that match. One display. One body. Your whole type system in a single pairing.
Pick 8. One per role — background, surface, text, muted, border, accent, CTA, highlight. The palette that carries everything.
Pick 3–5 images that give the theme. One feeling, one atmosphere. This is your brand’s visual world.
Everything you build today collapses into a single markdown file. Drop it into any AI with a context window and it generates on-brand — every time.
labs.google/stitch — free, no account needed. Native DESIGN.md support.
The whole file — voice, color, type, references — before you write a word. Stitch reads it natively.
What the page is, who it’s for, how it should feel. Generate. The foundations do the rest.
“More [voice word].” “Only [palette name] for headlines.” Reference your DESIGN.md — not just your gut.
A live URL you improve beats a local file you never send.
The model has seen every brand and defaults to the average of all of them. Your job is to make the brief so specific that average becomes impossible.
Document what you reject as carefully as what you love. The “no” list is often more useful than the “yes” list when briefing an AI tool.
Every aligned output makes the next correction easier. Start strict with your foundations. Loosen later — never the reverse.
“Design without foundations is decoration.
Design with foundations is communication.”
STAY CONNECTED
What we build next, you hear first. Scan to connect — the QR appears in a moment.
likeahuman.ai · hello@likeahuman.ai
Engineering, Claude Code, AI workflows
Business designer · UX/UI
Brand foundations · AI-friendly DLS
Everything we use at Like a Human. Free first, paid where it earns its keep. Open every link in a new tab — this slide is your home base after today.
Settings → Project knowledge Add file → DESIGN.md # every chat in this project # now follows your DLS
New design → first message: “Use this design language: [paste DESIGN.md] Build a [hero / pricing] section.”
Starting prompt: “Follow this design language exactly: [paste DESIGN.md] Generate a landing page for [brief].”
Initial prompt → paste DESIGN.md Then: “Build [feature] following this DLS.” # pin in chat across sessions
v0.dev → New chat First message: “Follow this design language:” [paste DESIGN.md] → submit
# repo root $ touch CLAUDE.md # paste DESIGN.md content # AI auto-loads it every session
First message → paste DESIGN.md Then: “Build with this design language.” # edits persist across iterations
New project → Agent chat First message: “Design language follows: [paste]. Apply on every change.”
Cascade → Rules → Add Rule [paste DESIGN.md] Save → applied workspace-wide
Setup → Design Profile [paste DESIGN.md] # generated forms inherit # your DLS automatically
Distinct, production-grade UI generation. Avoids the AI-default look. Available as a Claude Code skill pack.
Creates award-quality interfaces from a brief. Comes with the claude-plugins-official bundle.
Programmatic video in React. AI writes the components, Remotion renders the MP4. Killer for branded reels.
Animation library with a complete Claude Code skill pack — ScrollTrigger, timelines, React integration.
Composable components. Copy into your repo, restyle with your DLS, AI picks up the tokens automatically.
Utility-first styling that maps 1:1 to your design tokens. Every AI tool speaks Tailwind fluently.
Take it anywhere. Pin it. Copy-paste it. The tools will keep changing — your foundations stay the same. That’s the whole point.
Book your free Brand Foundation sessionEvery link from today, always at hand. Scan to open. Share with the team. Send it to the next founder you meet.
almost.likeahuman.ai