Design system | Spacefast

Design system

Palette

Paper: #FCFCFA
Rule: #F0EDE4
Marker: #D8F24B
Muted: #6E6A5E
Ink: #0C0C0C

Highlighter

not the whole internet

Logo

Classic button — primary / secondary / marker

Copy prompt Connect to your AI Copy prompt

Sketch buttons — docs / dashboard / chat

docs dashboard chat

Copy button

Copy prompt

Avatar stack

Chat bubble — incoming / outgoing

Sam: wait, you made this??

Maria: does that work with claude?! 🩷

You: works with anything!

You: yeah, told chatgpt to publish it! 🤯

Chat card — 757px composition / narrow thread

Sam: wait, you made this?? 🩷
You: yeah, told chatgpt to publish it!
Maria: does that work with claude?!
You: works with anything! 🤯

Specimen conversation.

Sam: wait, you made this?? 🩷
You: yeah, told chatgpt to publish it!
Maria: does that work with claude?!
You: works with anything! 🤯

Specimen conversation, narrow.

Mac window — title bar / browser bar

Alex

demo.spacefast.com/plans

Toggle — off / on / flips itself on

Countdown

0:09:57

Accordion

Where can I watch?

An answer long enough to wrap, which is the only way to see that the measure is capped and that the 24px indent holds down the left edge of every line rather than just the first.