OakMenu / Design System

Warm. Artisan.
Unforgettable.

A restaurant SaaS design system rooted in warmth and craft. Amber fire meets editorial serif typography — built for chefs who care about every detail.

Playfair Display Warm Amber #D97706 Dark Default Grain Texture Light / Dark
Color Tokens
Warm earth tones — inspired by candlelight, wood, and open flame.
Brand & Accent
accent
—
accent-hover
—
accent-dim
alpha
Semantic
success
—
warning
—
danger
—
info
—
Surfaces
bg-base
page
bg-surface
cards
bg-elevated
raised
text-primary
cream
text-secondary
warm
Typography
Playfair Display for editorial headings — Lato for legible body copy.
display / 38px / 800
The Tasting Menu
h1 / 30px / 700
Chef's Selection
h2 / 22px / 600
Seasonal Starters
h3 / 17px / 600
Pan-Seared Duck Breast
body / 14px / 400
Wild mushroom risotto, aged parmesan, black truffle oil, finished with micro herbs from our rooftop garden. A celebration of the season's finest produce.
small / 12px / 400
Table 7 · Reservation for 4 · 8:30 PM · Anniversary dinner
caption / 11px mono
ORDER_ID: OM-2025-00892 · TABLE: 12 · SERVER: MARCOS
Buttons
Uppercase, confident — built for a kitchen that moves fast.
Primary Actions
Secondary & Ghost
Semantic
Status Badges
Table and order status at a glance.
Open Busy Reserved Closed VIP Maintenance
Form Inputs
Reservation, menu, and order entry components.
👤
All requests are forwarded directly to the kitchen and floor manager.
KPI Cards
Tonight's service at a glance.
Revenue Today💰
$8,240
↑ 22% vs last Sat
Tables Served🪑
47
↑ 8% vs last Sat
Avg Ticket🧾
$175
↑ 12% vs last Sat
Reservations📅
63
↓ 3 2 no-shows
Menu Table
Full menu overview with pricing and status.
Dish Category Price Status Orders Today Actions
Duck Breast Confit
Wild mushroom, truffle jus		 Entrée $48 Available 24
Burrata & Heirloom
Basil oil, aged balsamic		 Starter $22 Low Stock 18
Wagyu Ribeye 12oz
Bone marrow butter, chimichurri		 Entrée $95 Available 11
Lobster Bisque
Cognac cream, tarragon		 Soup $28 86'd 7
Orders Board
Live kitchen order queue — Kanban-style, color-coded by status.
🔥 In Progress 3
#892Cooking
Table 7
2× Duck Breast
1× Wagyu Ribeye
3× Burrata
⏱ 14 min$211
#891Cooking
Table 12
1× Lobster Bisque
2× Wagyu Ribeye
⏱ 22 min$218
🍽 Ready 2
#889Ready
Table 3
4× Burrata
2× Duck Breast
✓ 28 min$140
✅ Served 12
#887Done
Table 9
2× Flan
2× Cheese Board
45 min total$72
OakAssist AI
Your intelligent restaurant operations co-pilot.
🍽
OakAssist
Online — Service Mode
GPT-4.1
Good evening. Tonight's service is looking strong — 63 reservations, 94% occupancy projected. The Wagyu Ribeye is your top seller tonight. Heads up: Lobster Bisque inventory is low, suggest 86'ing after current tables are served.
OakAssist · 6:02 PM
What's our projected revenue for tonight if we hold current pace?
Manager · 6:04 PM
At current pace: projected $11,400–$12,800 for the full service. That's 28% above last Saturday. Main driver is the higher Wagyu attachment rate (24% vs 18% avg). Want me to push a wine pairing upsell notification to active tables?
OakAssist · 6:04 PM
Theme Compare
Dark mode for evening service ambiance — light mode for daytime admin.
🌙 Dark Mode (Default)
--bg-base: #0F0B07
--accent: #D97706
--text-primary: #F5ECD7
Font: Playfair Display
☀️ Light Mode
--bg-base: #FAF6EF
--accent: #B45309
--text-primary: #1A0F02
Font: Playfair Display
CSS Token Export
Copy the complete OakMenu design token set.
/* OakMenu Design System v1.0 — Dark Theme */
/* Backgrounds */
--bg-base: #0F0B07;
--bg-surface: #1A1208;
--bg-elevated: #241A0C;

/* Accent — Warm Amber */
--accent: #D97706;
--accent-hover: #F59E0B;
--accent-dim: rgba(217,119,6,0.12);

/* Typography */
--font-heading: 'Playfair Display';
--font-body: 'Lato';
--font-mono: 'DM Mono';
OAKMENU DESIGN SYSTEM v1.0 · STUDIOFLOW.TOP · BUILT WITH ❤ BY APTOCODE