Design system

Palette

PaperFCFCFA
RuleF0EDE4
MarkerD8F24B
Muted6E6A5E
Ink0C0C0C

Highlighter

not the whole internet

Logo

Spacefast

Classic button — primary / secondary / marker

Sketch buttons — docs / dashboard / chat

Copy button

Avatar stack

Chat bubble — incoming / outgoing

Samwait, you made this??
Mariadoes that work with claude?🩷
Youworks with anything
Youyeah, told chatgpt to publish it🤯

Chat card — 757px composition / narrow thread

  1. Samwait, you made this??🩷
  2. Youyeah, told chatgpt to publish it
  3. Mariadoes that work with claude?
  4. Youworks with anything🤯
Specimen conversation.
  1. Samwait, you made this??🩷
  2. Youyeah, told chatgpt to publish it
  3. Mariadoes that work with claude?
  4. Youworks 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:59

Accordion

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.

Heading — 64px

The publishing layer for your agent

Section title — 48px

One link does the whole job