How Bilt looks, sounds, and feels
We're not a tech company that happens to be friendly. We're a friend that happens to build tech. This is how we show up.
Who we talk to
Our person is a founder who hasn't founded yet. They have the idea, the drive, the vision for something real. The only wall between them and their app? They can't code.
They're already using AI every day. ChatGPT, Claude, whatever gets the job done. It's how they think, write, and research. They're not scared of technology. They just haven't had a tool that turns their ideas into something they can actually launch.
When they find Bilt, the feeling should be: “Wait, I can actually do this?”
Story
Most app ideas die in a Google Doc somewhere. Not because the idea was bad, but because building an app used to mean hiring developers, spending months, and burning through thousands of dollars before you even know if anyone wants it.
Bilt kills that entire process. Describe what you want, and you get a real native app ready to put in people's hands. No code, no agencies, no six-month timelines.
We exist so that the person with the idea is also the person who ships it.
Voice
We are non-tech. That's not a limitation, it's the whole point. Every word we write should feel like it came from a friend, not a SaaS company.
Human
Write like a person. No jargon, no buzzwords, no "leverage" or "synergize." If you wouldn't say it out loud to a friend, don't write it.
Non-corp
We don't have "users" - we have people. We don't "empower" anyone - we just make it easy. Kill the corporate voice everywhere you see it.
Fun, not funny
The energy is playful and exciting, not comedy hour. We're the friend who's genuinely stoked about your idea, not the one trying to land a joke.
Everyone's a friend
Peer-to-peer, always. We talk with people, not at them. "You" and "we," never "users" and "customers."
Language
Our audience doesn't speak tech. We meet them where they are, with words that feel natural instead of words that feel like a product spec.
| don't say | say this |
|---|---|
| Deploy your application | Launch your app |
| Leverage AI-powered tools | Just describe what you want |
| Enterprise-grade infrastructure | It just works |
| Onboard to the platform | Get started |
| End-to-end solution | Everything you need |
| Our users | People who build with Bilt |
| Iterate on your MVP | Try stuff and see what works |
| Scalable architecture | Grows with you |
Inspiration over information
Lead with the dream
"Build the app you've been thinking about" beats "AI-powered app builder" every time. Start with what they want, not what we are.
Show real people
Founder success stories are our best content. "I couldn't code either. I built it with Bilt." That's the message.
Startup vibes
The energy should feel like a co-working space, not a sales floor. Scrappy, real, and exciting. Founders are humans too.
Logo
Download PNGLogomark
Logo with text
Clear space
Maintain padding equal to at least 25% of the logo width on all sides.
Don't recolor
Use the original gradient. Don't apply filters, drop shadows, or outlines.
Don't distort
Always scale proportionally. Never stretch, rotate, or skew the mark.
Colors
Download palettePrimary
Surfaces
Pages sit on a solid near-white (#F9F9F9 light / #0A0A0C dark). Content lives on surface panels — white in light mode, raised gray in dark. Cards are defined by surface contrast, never by borders or drop shadows.
Pink scale
Purple scale
Dark scale
Typography
Aa
SF Pro
Clean, modern body font. Does the heavy lifting across the entire site.
Aa
Instrument Serif
Italic serif for one or two words per headline — the typographic signature. Use sparingly: no surprises, never whole sentences.
Aa
SF Mono
Used for tokens, hex values, and technical labels.
| Token | Size | Sample |
|---|---|---|
| text-3xl | 3.375rem | Display 3XL |
| text-2xl | 2rem | Display 2XL |
| text-xl | 1.5rem | XL |
| text-lg | 1.3125rem | LG |
| text-md | 1rem | MD |
| text-base | 0.875rem | Base |
Surfaces & light
Pages are built as one continuous rounded sheet on the solid background. Sections are separated by surface tone and brand light — moving mesh gradients and soft radial glows — never by hairlines, borders, or drop shadows. A film grain lays over the sheet so gradients read as light instead of flat fills.
Mesh light
Slow-drifting brand mesh behind heroes and closing moments. Pink and lilac on light, deep purple and magenta on dark.
Card light
Small shader moments pooled at a card's base — mesh, warp, or rays — masked so content stays readable.
Static glow
The CSS cousin: soft brand radials for tiles that shouldn't cost a canvas. Purple or pink, anchored to the base.
Shape
One radius scale, three stops. Nothing fully rounded except genuinely circular elements like avatars and dots.
8px — controls
Buttons, inputs, chips, icon wells. rounded-lg
16px — panels
Cards, tiles, media panels, menus. rounded-2xl
32px — sheets
The page sheet and hero-scale cards. rounded-4xl
Formatting
Quiet confidence
Our tone is calm, never shouty. We talk with people, not at them. Think lowercase energy: approachable, understated, effortless.
Short copy
Our audience doesn't read walls of text. Every section should be scannable in 3 seconds. If a sentence doesn't earn its spot, cut it.
Show, don't spec
Screenshots of real apps built by real people always beat feature bullet points. Let the work speak.
Validate, don't sell
Our people might feel imposter syndrome about being "non-technical." Make that a strength, not a gap to overcome.