What is it made of?
Design system
The components, colors, type and motion specs every page is built from. The same set lives in the Figma file.
Buttons
PrimaryHoverSecondaryDisabled
Inputs
Enter a valid email.
Chat bubbles
Summarize this contract.
Here is the short version…
The model stopped responding.
Chips and tags
Suggested promptBetaNew
Color
Paper #F3EFE6Ink #16140FSignal #FF4A1CModel #2B2F7ASage #B9C2A8
Type
Funnel Display, headings
Onest, body text at 18px with a 1.6 line height.
Red Hat Mono, questions and labels
Motion specs
| Element | Trigger | Duration | Easing |
|---|---|---|---|
| Answer typing | In view / on send | 38 ms per word | linear |
| Section reveal | 25% in view | 700 ms | cubic-bezier(.2,.7,.2,1) |
| Button press | Hover / active | 160 ms | ease-out |
| Loading shimmer | Waiting for first token | 1.2 s loop | ease-in-out |
| Hero video | Page load | 6 s loop, crossfaded | none |
| Reduced motion | OS setting | All of the above off; answers appear whole |