Open Design · built-in library

152 design systems are already built into Open Design

Each one is a ready-made look you can apply to a new project: colours, fonts, spacing and shadows, written guidelines, and a component sheet in light and dark.

To use one: pick it in the design-system picker (where you chose Notion) before you start a project.Side by side with our copy: Notion · Airtable · SlackIn Figma: Figma kits for every system we built (variables, icons, fonts).Where the files are: the Open Design program folder, under resources\open-design\design-systems.

What one includes

  • TokensColour, type, spacing, radius, shadow and motion values in one stylesheet.
  • GuidelinesA written guide with rules and things to avoid, in 18 languages.
  • ComponentsButtons, fields, cards, badges and type styles on one sheet.
  • Light and darkA component kit in both modes (150 of the 152).
  • PreviewsPages for colours, typography and spacing.

How they differ from our study copies

Built-in (like Notion here)Our study copies (Notion, HubSpot, Airtable)
Based onOpen Design's own curated summary, mostly the brand's website lookThe real app: its live CSS, its real icons, its own screenshots
IconsNone of the brand's ownThe app's real icons
States and motionBasic hover and focusEvery state, with the app's real timings
Product screensNoneRebuilt and checked pixel by pixel (92–95%)
Dark modeA generic dark kitTaken from the app's own dark mode, contrast-checked
Best forStarting a new design fast in a known styleStudying exactly how a top product works

Your 35 study apps against this library

13 of the apps on your taste board are in the built-in library. The other 22, including every CRM, are not, so for those our study copies are the only exact source.

13 also built in

  • Airtable
  • Cal.com
  • Clay
  • Figma
  • Intercom
  • Linear
  • Material
  • Notion
  • Raycast
  • Shadcn
  • Slack
  • Stripe
  • Superhuman
  • Vercel

22 not built in

  • HubSpot
  • Salesforce
  • Salesforce Lightning (SLDS)
  • Pipedrive
  • Attio
  • monday CRM
  • Asana
  • Brex
  • ClickUp
  • Cloudscape
  • Coda
  • Crayons
  • Deel
  • Front
  • Granola
  • Instagram
  • Plain
  • Ramp
  • Retool
  • Rippling
  • Untitled UI
  • Wispr

No CRM is built in: not HubSpot, Salesforce, Pipedrive, Attio or monday CRM, and not Zoho CRM, which we are copying now.

All 152

Each strip shows that system's page colour, surface, text colour and main accent, left to right.