Home
DESIGN.mdStar on GitHub

All your teams, all their workflows — connected in one workspace

Build AI-powered workflows that unify data, maximize collaboration, and set your teams up for long-term success. No code required.

Colors
Brand
ink#181D26Mark, wordmark, text
brand-blue#254FADPrimary buttons
blue-deep#002D98Pressed / hover
blue-bright#2684FFLinks, focus
Surfaces
bg#FFFFFFCanvas
bg-soft#F4F6F8Panels, row hover
border#C0C6D1Hairlines, grid
text-muted#9297A0Secondary text
Semantic
success#20C933Done, healthy
warning#FCB400In review, pending
error#F82B60Blocked, destructive
Typography — Neue Haas Grotesk
display
Haas Disp · −0.03em
Connected in one workspace
50pxDisp
heading
Text · 700
Sophisticated workflows in minutes
28px700
subhead
Text · 500
Don't just ask AI. Deploy it.
18px500
body
Text · 400
Trusted by over 500,000 forward-thinking organizations.
15px400
cell-mono
JetBrains Mono
recA7f2Qx · 2026-07-11 · fld9K2p
12pxmono
Components
Buttons
Single-select options
In progress In review Done
Blocked Not started Backlog
Field types
ASingle line text ▾Single select #Number ◷Date ☑Checkbox ◐Collaborator
Field input
DADhananjay A.MRMaya R.
Signature — Grid (Table view)
▤Product roadmap
0 records
#
AFeature
▾Status
▾Priority
◐Owner
◷Target
#Est. wks
☑Shipped
+ Add record
Click a Status or Priority pill to cycle its option · tick Shipped to complete a row · filter by status · add records (capped at 20).
Guardrails
DO
Keep the mark and wordmark monochrome ink #181D26 — the tricolor logo is legacy.
Reserve the bright field spectrum for the product (select options, field types).
Give every single-select option a distinct color; compute chip text for contrast.
Use deep navy #254FAD for primary actions, bright blue #2684FF for links & focus.
Use monospace for record IDs, field IDs, and dates.
DON'T
Don't resurrect the classic #2D7FF9 tricolor logo as the corporate brand blue.
Don't use marketing wash colors (terracotta, forest, cream) inside product UI.
Don't put two identical colors on different options of one select field.
Don't rely on color alone for field type — always pair with the type icon.
Don't exceed 20 rows in a demo grid without scroll containment.