Our design
system
See one we built: ours. This is the same kind of kit we build for clients, made for our own brand: colors that work in light and dark, a full set of type sizes, our icons, our pattern and our mascot. Yours holds your brand the same way.

Try
Speed.
Put Speed to work in your own AI tool.
Say what Speed should do. We write the prompt, with his full look and links to his pictures. You paste it into ChatGPT, Claude or Gemini.

Six
themes.
Every theme in light and dark.
Every section of our site picks one of six color themes, and each one has a light and a dark version. Every text color is easy to read on its background. The site follows your device’s light or dark setting.
Every logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedEvery logo, palette and layout is hand tuned on an AI powered system.
Get startedType
ramp.
A type size for every job.
Stretch Pro makes the one big statement in a section. Unbounded Bold sets headlines and titles. Geist does the reading and the labels. Nothing on our site uses a size that is not on this list.
Go fast
Display
Pit stop
Lap time
On brand, every time
Design at super speeds
Where does your brand look off?
With Speed Styles: ask once
Your logo, done right
Do I need to be technical?
Look like the business you are.
We put your logo, colors, fonts and voice in one place your whole team works from.
Customers judge you on every page, email and ad. When each one looks a little different, you look smaller than you are.
Every version of your logo, which one goes where, and files anyone can download.
Typical timings from our own launches.
Captions and fine print.
Legal lines only.
Your website
Step 1
Chrome
icons.
Real 3D chrome, on every theme.
Our icons are rendered in 3D chrome and always sit on their own dark tile, so they shine the same way on every color theme. Small controls, like the menu button, stay simple.
Ready
templates.
Posts, thumbnails, decks and cards, already on brand.
Every template is built from the same themes, type and flag as this site, so a post, a video thumbnail, a pitch deck and the card in your pocket all look like one business.
Slow and steady loses the race.
Get up to speed.

Your brand, AI ready.
One idea per slide, in your fonts and colors.
03The
flag.
From the finish line, in the bottom left corner.
A stair of squares from the finish line. It sits in the bottom left corner of a section, never behind text, and takes the color of the theme around it.

Speed vs
Sloth.
Speed leads, Sloth lags.
Speed is the face of every hero and every call to action. He always stands in his own column, never under text. Sloth appears only as the contrast, doing things the slow way.
Speed’s expressions







Meet Sloth
Sloth is the old way of doing things. He lives in the 1800s, so everything around him looks like a faded print.
- Character
- A brown sloth with a cream face, dark eye patches, a small dark nose and long curved claws. Drowsy and patient.
- Costume
- A black 1800s coat with gold trim and brass buttons, a cream waistcoat, a ruffled cravat, cream breeches, dark boots and a black and gold bicorne with a cream plume.
- Palette
- The vintage palette only. Never racing red, signal yellow or ivory around him.
- Parchment
- Linen
- Ochre
- Brass
- Sepia
- Oxblood
- Sage
- Umber
- Where
- Only on the old-way side of a comparison, opposite Speed: paper files on a donkey, a carrier pigeon, an hourglass. Never a hero, never alone.

Happy 
Neutral 
Confused 
Sad 
Mad 
Excited
| Highlights | Speed | Sloth |
|---|---|---|
| Who | A golden cheetah with solid black spots, a white muzzle and dark round ears. | A brown sloth with a cream face, dark eye patches and long curved claws. |
| Wears | A maroon quilted race suit with red and yellow panels, the S patch on the chest, white gloves, and black sunglasses he never takes off. | A black 1800s coat with gold trim and brass buttons, a cream waistcoat, a ruffled cravat, and a black and gold bicorne with a cream plume. |
| Palette | The brand: racing red, signal yellow, maroon and ivory. | The vintage palette only: parchment, sepia, brass and oxblood, like a faded print. Never racing red or signal yellow. |
| Where | Every hero and every call to action, always in his own column. | Only on the old-way side of a comparison, opposite Speed. Never a hero, never alone. |
| Mood | Quick, confident, grinning. | Drowsy and patient, doing things the slow way. |












