Design system

Glass on a quiet metal ground.

Tokens come from Open Props. Shells use a faint stone wash, not a grid. Cards keep the Coss panel with frost and a thin light border. Card shadows stay off so the photos stay loud. Corners use Open Props --radius-2.

Color tokens

--background

Open Props gray-0 off-white ground

var(--gray-0)

--foreground

Open Props gray-12 high-contrast type

var(--gray-12)

--accent-red

Open Props red-8 sparse accent

var(--red-8)

--accent-metal

Open Props stone-5 titanium

var(--stone-5)

--border

Thin light edge

var(--gray-3)

Surfaces

Ground: gray-0Metal: stone-5Accent: red-8Glass: white 72% + blur

Default is light. Dark stays a later toggle and does not change the shipped ground.

Logo concepts

Six brand-mark directions. Each keeps the CF monogram and a sparse red tick on machined metal.

Concept A

Roundel — Canton

Refined flag roundel

Evolves the current CF roundel. A cleaner blue canton with a single Liberty star floats over red/white stripes; the C and F monogram sits center. Reads clearly at 16px favicon size.

Concept B

Checkered Lap

Motorsport finish line

Two geometric C shapes lock together like a checkered flag flying at speed. The checkered strip on the trailing edge nods to motorsport and 'the finish line Americans are missing.' Strong, geometric, memorable.

Concept C

Vanishing Point

Open road to the horizon

A road recedes toward a horizon marked by a red and blue pair of flanking lines — literally the cars you can't reach 'over there.' Minimal, modern, and conceptually on-brand for a site about cross-border longing.

Concept D

Starfield Shield

Crest / emblem

A crest-style shield evoking import customs and certification stamps. The checked top band and centered star feel authoritative and governmental — good for a site that certifies import barriers.

Concept E

Mono Gauge

Speedometer needle + monogram

The CF monogram sits inside a speedometer dial — the needle pointing to the part of the gauge the country/world doesn't get. Industrial, instrument-panel feel that matches the 'black SUV showroom' direction.

Concept F

Mono Globe / Star

International horizon

Three horizontal latitude lines wrap a small star — the 'global market you can see but not enter.' Abstract, export/import vibe, works in a single accent color and tiny sizes. The most flexible lockup.

Coss buttons

Form controls

Search models

Coss card

Frosted Coss panel with a thin light border and no elevation shadow.

Catalog cards, pricing tiles, and login use this surface. Photos keep the better-ui 1px outline.

External link confirmation

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

Preview leave-site modal