Dust — design system & UI screens

AI · 1 screen · 11 sections · https://dust.tt/

Light landing anchored by a colorful isometric 3D collaboration render, a floating agent chat-notification card, and a 3,000+-organizations logo wall (Datadog, Clay, Cursor).

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/website/dust.

Decoded design system

Dust's decoded design system: background #FFFFFF, text #585B5D, accent #1C91FF, link #E9F7FF, primary #1C91FF; type scale h1 76px / h2 24px / body 18px; 6px spacing base; 0px base radius. The single interactive/action color is #1C91FF — used only on interactive or must-notice elements (buttons, links, key highlights), never on large fills.

Color roles

Role	Value
bg	`#FFFFFF`
surface	`#F4F5F5`
border	`#E5E6E6`
text	`#585B5D`
text_muted	`#97999A`
primary	`#1C91FF`
accent	`#1C91FF`
link	`#E9F7FF`
secondary	`#596170`
button_bg	`#1C91FF`
button_text	`#E9F7FF`

Using these colors

Action color #1C91FF — the single interactive color; only on things you click or must notice, never large fills.
primary, accent, button_bg are all #1C91FF — one role, not several (the action color).
accent #1C91FF — THE accent / action color — interactive & must-notice only (buttons, links, focus, one key highlight); never large fills or backgrounds. Scarcity is what makes it read as designed.
link #E9F7FF — fails contrast on the background (~1.1:1) — this is a dark UI color, NOT a readable link; use the text or action color for links (verify against the reference).
secondary #596170 — optional secondary accent — LOW decode confidence; use rarely (a status color or a single decorative moment) or omit it entirely. Prefer one accent unless the reference clearly shows two.

Typography

Heading: Geist
Body: Geist
Mono: Geist Mono
h1: 76px
h2: 24px
body: 18px

Spacing

base unit: 6px
scale: 3px, 6px, 9px, 12px, 18px, 24px, 36px, 48px

Radii

base: 0px
button: 16px

Full design system, per-section tokens & DESIGN.md / Tailwind / CSS exports →