dînette.
  • Tokens
  • Colors
  • Type
  • Radius
  • Shadows
  • Spacing
  • Motion
  • Components
  • Button
  • Chip
  • Badge
  • Card
  • Listing card
  • Hairline cells
  • Form field
  • Calendar cell
  • Hatched placeholder
  • Info tile
  • Value card
  • Pull quote
  • Chef summary
  • Source tile
  • Review card
  • Award card
  • Rating breakdown
  • Receipt
  • Footer
  • Logo
  • Navbar
  • Iconography
  • Surfaces
  • Home
  • Search results
  • Chef profile
  • Listing detail
  • Booking request
  • Food provider
  • Venue

Design system

Design system

Dînette.

Une plateforme où le client rencontre le chef pour un repas cuisiné chez lui, à partir de produits locaux, bio, de saison.

Tokens

Semantic layer — colors, type, radius, shadows, spacing, motion.

Colors
sage · pearl · butter · rose · sky
Type
Bricolage · Inter · JetBrains Mono
Radius
4 · 8 · 12 · 16 · 24px
Shadows
Warm-tinted · 3 levels
Spacing
4px base scale
Motion
Durations · easings

Components

Brand primitives. Consume the token layer; compose into surfaces.

Button
5 intents · rounded-full
Chip
Filters · tags
Badge
Status · pill
Card
Hairline + 12px radius
Listing card
Catalogue tile
Hairline cells
Dense data rows
Form field
Overline label · input
Calendar cell
Date grid atom
Hatched placeholder
Photography stand-in
Info tile
Compact KV display
Value card
Marketing values
Pull quote
Editorial accent
Chef summary
Initials · meta · verified
Source tile
Producer credit
Review card
Rating · quote
Award card
Press / awards
Rating breakdown
Per-axis bars
Receipt
Booking confirmation
Footer
Site footer
Logo
Wordmark · mark
Navbar
Top nav · search
Iconography
Glyphs · Lucide

Surfaces

Reference compositions. The benchmark for production pages.

Home
Marketing entry
Search results
Catalogue grid
Chef profile
Canonical reference
Booking request
Chef-side inbox view
Food provider
Farm / producer profile
Venue
Event venue profile