Lucid Motors Design System

Lucid Motors' marketing surface is the inverse of Tesla's. Where Fremont commits to a near-pure white canvas with a single Electric Blue voltage on every CTA, Newark holds a pure-black canvas ("#000000") with white Lucid Serif VF display type and one champagne accent — Brand Gold ("#d7be96") — used as the primary CTA fill, the hairline brand border, and the announcement strip pinned to the top of the page. The brand voltage shows up only eight times in the captured render, but it surfaces as `--color-primary-colors-gold`, `--border-brand-gold`, `--text-brand-gold`, and `--surface-brand-gold` in the production CSS, which is the strongest possible signal that the low frequency is deliberate rather than incidental. Lucid's photography carries the rest: desert sky behind the Lucid Gravity, two-lane blacktop behind the Lucid Air Pure, an atelier-floor shot under "A New Standard of Electric Excellence." There is no decorative chrome, no gradient, no shadow tier, no secondary chromatic accent anywhere on the marketing site.

This page packages the full Lucid system into a single DESIGN.md file. Inside the spec: 18 color tokens spanning one brand gold, two text inks, six structural neutrals, a champagne-on-black announcement surface, and the dark theme-paragraph swatch; 11 typography tokens built on four custom families — Lucid Serif VF (h1 at 72px / 400 / -0.5px, h2 at 64px / 400 / -0.5px, h2-md at 48px / 400 / normal), Lucid Sans VF (body 16/24, label 12/16 uppercase with 2px tracking, micro-caption 10/16 with 2px tracking), Schnyder S, Schnyder M, and Lucid Serif Italic VF (accent spans at 48px / 400); a four-step radius scale dominated by 4px (20 occurrences) and 50% (14 occurrences); a 4/8/16/24/32/48/64/72/96/120/160px spacing ladder; and 19 component definitions including the gold demo-drive CTA, the announcement strip, the configurator finance row, and the dual photo tile that opens the page.

Feed the file to Claude, Cursor, or GitHub Copilot and the agent writes React surfaces that hold Lucid's discipline — serif h1 at weight 400 with -0.5px tracking, champagne-gold scoped to the announcement strip and primary CTA only, pure black canvas with no dark-gray ladder, 4px radius across every interactive surface — rather than defaulting to a generic dark-luxury template that fills the page with gold accents and a Helvetica geometric sans. Where most American EV marketing sites lean on chromed-out hero gradients and aggressive negative-space asymmetry, Newark stages a centered serif headline over a single desert photograph and lets the typeface do the work.