CFAmerican Import WatchCar Freedom

Design System

Industrial luxury with restrained American accents.

Dark mode should feel like a black SUV under showroom lighting: charcoal, metal, deep glass, and subtle edge shimmer. Light mode should feel like white paint, polished trim, and clean panel gaps, with red, white, and blue used only as line work and small signals.

Color Tokens

Body: pearl to graphitePanels: soft white / gunmetalSignal red: trim onlyLiberty blue: trim only

The base palette is mostly neutral. Americana should appear in separators, hairlines, and compact badges rather than filling whole surfaces.

Brand Mark

CF

Primary Mark

Car Freedom

A luxury-industrial roundel with a restrained flag treatment.

Buttons

Form Controls

External Link Confirmation Modal

Use this for outbound article links so visitors can confirm before leaving Car Freedom.

Preview leave-site modal

Accent Separators

Header Stripe

Use in restrained horizontal rules and banner caps rather than large fills.

Panel Edge

Use as a metallic sheen on premium cards, modals, and feature surfaces.

Accent Tick

Use for compact status marks, section indicators, and thin separators.

Surface Mood

Dark Mode

Black SUV

Deep paint, smoked glass, metallic trim, and controlled highlights.

Light Mode

White Luxury

Pearl finish, crisp gaps, subtle metal, and very clean spacing.

Menu Expansion Ideas

  • Add Brand Directory with per-brand catalog pages.
  • Add Import Guide grouping FMVSS, EPA, and tariff explainers.
  • Add Compare view for side-by-side trims and specs.

Footer Expansion Ideas

  • Add legal links for data sources, scraping policy, and terms.
  • Add status links for ingestion runs and data freshness.
  • Add newsletter and RSS preferences section.

Brand Usage Rules

Keep red, white, and blue on the edges of the experience, not as the full substrate.

  • Use tri-color line work for dividers, banners, and tiny signal marks.
  • Keep large panels neutral and material-driven.
  • Prefer steel, graphite, pearl, and smoked-glass surfaces over saturated fills.