Design system

Components

DLogo.

Single mark for the whole brand (ADR 0037). Props: format: 'wordmark' | 'mark', size?: number. Renders shape-based production SVGs as <img>, font-independent and raster-stable. Olive-500 holds on light AND dark surfaces — no on-dark variant. Source typography lives in packages/ui/app/assets/logo/src/; the production pair is generated by pnpm --filter @dinette/ui outline:logos.

Wordmark — une seule encre, trois fonds

on-light

Fond blanc / page. Olive-500 tient 4,58:1, AA grand-texte

dînette.
on-cream

Fond crème butter-50, écho du tile du monogramme

dînette.
on-dark

Fond pearl-900. Même olive-500 (~3,64:1, AA grand-texte). Plus de variante on-dark

dînette.
on-taupe

Sur surface taupe (chrome admin). L'olive s'aligne au neutre tiède

dînette.

Monogramme

mark

Le « d. » en olive-500 sur butter-50. Favicon, app icon, avatar. Radius 10

dînette.
d. • olive-500 sur butter-50