Robynn, an AI brand that feels hand-made.

Robynn runs inbound, outbound and brand work with AI agents. The old site looked like every other AI startup. The brief was a refresh that felt playful and organic.

Visit robynn.ai
Role
Sole designer
Timeline
2026
Stack
Figma · Claude Code · SvelteKit
Scope
Design system, logo, imagery, full website
Robynn, an AI brand that feels hand-made.
01Brief

Make an AI product feel like it was made by people.

Most AI marketing tools lean on dark gradients, glowing orbs and 3D blobs. Robynn's buyers are marketers who care about their own brand, so the site needed to feel considered, warm and a little playful instead: closer to an editorial magazine than a dashboard.

I owned the full refresh as the only designer: a new design system, a logo built around a line-drawn robin, an art-directed image set, and the complete website, carried from Figma to production through Claude Code.

02Highlights

Four deliverables, one softer voice.

A robin, drawn in a single line.
01Logo · line mark + serif wordmark

A robin, drawn in a single line.

The mark is a light, hand-drawn robin that nods to the name without turning into a mascot. It sits beside a Cambo wordmark, and in the footer the wordmark scales up in burnt orange as a quiet sign-off.

Warm paper, one burnt orange.
02Tokens · Cambo + Poppins · components

Warm paper, one burnt orange.

The system runs on an off-white paper tone, deep slate text and a single burnt-orange accent, with Cambo for headlines and Poppins for everything else. Soft pastel chips carry secondary meaning, so color stays friendly without getting loud.

Landscapes instead of stock 3D.
03Art direction · film grain · golden hour

Landscapes instead of stock 3D.

Every section photo is a sunlit landscape with film grain: rolling hills in the hero and a dusk sky behind the final call to action. The images do the emotional work, so the UI around them can stay quiet.

04Scroll-driven demo · 5 steps

The product explains itself as you scroll.

Auto Loop is told as a scroll-driven demo on a sample site: Measure, Recommend, You approve, Publish, Measure again. A suggestion card slides in, the headline rewrites itself, and an 'Approved by you' toast lands, so visitors see the loop instead of reading about it.

03Outcome

A brand that finally matches the product.

Robynn launched with a complete identity and a 12-page site built on one system. New pages reuse the same tokens and components, so the team can keep shipping without drifting from the brand.

12
Pages designed and shipped
4
Deliverables, one system
2
Typefaces: Cambo + Poppins
1
Designer, Figma to production