Sushi Bar

Omakase Design System — Crafted with precision

一期一会 · One moment, one meeting

A design system inspired by the Japanese sushi counter — where hinoki cypress glows under warm light, each piece of nigiri is placed with surgical precision, and the itamae's craft turns simplicity into art. Clean surfaces, intentional negative space, and a palette drawn from nori, wasabi, ginger, and the ocean.

Freshness

Every element is crisp and immediate. No excess, no ornamentation that dulls the impact.

Craft

Precision in every detail. The knife work is invisible — what remains is the result.

Seasonality

Respect for what is right now. Components adapt to context with natural harmony.

01 — Palette

Color Palette

色彩

Colors drawn from the sushi counter — the warm wood, the dark nori wrap, the bite of wasabi, the blush of pickled ginger, the depth of soy.

Hinoki Counter

白檜 Hinoki Pale #F2E8D5
淡檜 Hinoki Light #E8D5B8
Hinoki #D4B896
暖檜 Hinoki Warm #C9A87A
深檜 Hinoki Deep #B89B6A

Nori & Shoyu 海苔・醤油

海苔 Nori #1A1A1A
青海苔 Nori Green #2D3A2A
醤油 Shoyu #3D2B1A
薄口 Shoyu Light #5C4430
琥珀 Shoyu Amber #7A5C3D

Condiments 薬味

山葵 Wasabi #7BA05B
生山葵 Wasabi Bright #8FBC63
ガリ Gari #E8A0A0
新生姜 Gari Bright #F0B0AD

Neta — Toppings 寿司種

Toro #E07060
Salmon #F0906A
玉子 Tamago #F0C860
Bamboo Leaf #8CA870

Rice & Noren 飯・暖簾

白米 Rice #FAFAF6
酢飯 Rice Warm #F5F2EC
暖簾 Noren #1E3A5F
Noren Light #2A4F7A
暖簾
02 — Typography

Typography

書体

Playfair Display for elegant headlines, DM Sans for clean body text, Noto Serif JP for Japanese character moments. Precision in every stroke.

H1

Omakase Counter

H2

The Itamae's Craft

H3

Fresh from Tsukiji

H4

Seasonal Selection

H5
Nigiri & Sashimi
H6
Chef's Recommendation
Body Text — DM Sans

The best sushi is deceptively simple. A small mound of hand-pressed rice, a slice of the freshest fish, a whisper of wasabi between them. Years of training distilled into a single bite that lasts only seconds.

Light italic for captions and supplementary notes. Like the pickled ginger served alongside — a palate cleanser between courses.

Japanese Display — Noto Serif JP

寿司の世界は、素材の鮮度と職人の技が全てです。一貫一貫に込められた想いが、食べる人の心を動かします。

Noto Sans JP for UI labels and functional Japanese text.

"The secret to good sushi is not the fish alone — it is the harmony between the warmth of the rice, the coolness of the topping, and the space between each piece on the plate." Traditional saying
03 — Spacing

Spacing

間合い

Sushi plating is the art of negative space. Each piece is placed with intention, the gaps between them as important as the pieces themselves.

xs
sm
md
lg
xl
2xl
3xl

The base unit is 4px — like the precise measurements a sushi chef uses when cutting fish. Everything scales from this foundation: 4, 8, 16, 32, 48, 64, 96.

04 — Buttons

Buttons

Decisive and clear, like calling out your order at the counter. Each button has purpose and weight.

Primary — Nori
Secondary — Hinoki
Accent Buttons
Ghost & Disabled
All Variants at a Glance
05 — Forms

Form Elements

入力

Like writing your order on the wooden tag at the counter — clean, direct, unambiguous.

For reservation confirmations

Checkboxes — Preferences
Radio — Seating
Toggle Switches
SMS reminders for reservation
Omakase surprise (no menu preview)
Allow photography at the counter
06 — Cards

Cards

Content containers arranged like pieces on a lacquer tray — each with its own space, each precisely positioned.

Standard Card

A clean container with light borders. The rice-white background keeps content fresh and readable.

Counter Card

The hinoki wood-grain header evokes sitting at the sushi counter itself. Warm and inviting.

Noren Card

Navy noren header with white text. The traditional curtain welcomes you inside.

Fresh Catch

A wasabi-green left border signals freshness and availability — today's special selection.

Chef's Special

The toro-red accent marks this as the premium option — rare, exceptional, not to be missed.

Omakase Card

Dark nori background for premium, immersive content. Like the black lacquer of a bento box.

07 — Alerts

Alerts & Badges

通知

Notifications as clear as the chef's voice calling out your order. Each type carries its own flavor.

Alerts
Order Confirmed

Your omakase course has been prepared. The chef will begin serving shortly.

Seasonal Notice

Uni from Hokkaido is now in season. Ask your itamae about today's selection.

Limited Availability

Only 3 portions of wild bluefin o-toro remain for this evening's service.

Reservation Reminder

Your counter seat for Saturday at 7:00 PM is confirmed. Please arrive on time.

Kitchen Note

Today's rice has been seasoned with aged red vinegar from Mikawa. A subtle difference you will taste.

Badges
Nori Wasabi Gari Toro Salmon Tamago Noren Outline
Soy Dish Tags
New
限定
Hot
Fresh
献立
09 — Data Table

Tables

Data organized with the precision of a fish market ledger. Every row a line item, every column aligned.

Neta Japanese Season Origin Price
Bluefin Tuna Winter Oma, Aomori $18
Sea Urchin Summer Rebun, Hokkaido $14
Yellowtail Winter Himi, Toyama $8
Sweet Shrimp Autumn Toyama Bay $7
Egg Custard Year-round House-made $4
Scallop Spring Mutsu Bay $9
Omakase Selection (12 pieces) $120
10 — Plating

Plating & Presentation

盛り付け

Decorative components and layout patterns inspired by the art of sushi plating — plates, dividers, and counter surfaces.

Ceramic Plates
Chopstick Rest Dividers
Noren Wave Dividers
一期一会
Counter Surface Texture

This surface mimics the hinoki cypress wood grain of a premium sushi counter. The warmth and subtle texture create an inviting foundation for any content.

Soy Dish Indicators
New
Popular
Seasonal
Premium
Noren Color Strip