Skip to content

// Generated from the feature catalog

Olivetti Design Language

A Workspace, Not Another Chat Window · Shipped · workstation, home

Vermilion & Bone tokens, display serif typography, and a calm editorial aesthetic across the entire system.

Every surface in Halbert — dashboard, marketing site, feature reference, design system package — shares a unified visual identity inspired by Olivetti’s mid-century industrial design. The Vermilion & Bone palette, display serif headings, and monospace technical text create a calm, intentional aesthetic.

Design tokens are defined once in shared-tokens/ and consumed by both Tailwind CSS v4 and the @halbert/design-system package. The design system ships plain CSS backed by these tokens — no Tailwind in library source — so it works under any CSS framework version.

The design system declares react ^18.2.0 || ^19.0.0 as a peer dependency, enabling a React 19 upgrade without republishing.

  • shared-tokens/tokens.css
  • shared-tokens/tailwind-v4.css
  • packages/design-system/