Design Style Showcase
Where traditional woodblock artistry meets modern digital design. Flat layers, bold outlines, and timeless motifs reborn for the screen.
Color System
Traditional pigments ground from minerals, plants, and shells. Each color carries centuries of artistic heritage, now translated into precise digital values.
Ai (Indigo)
#1a3055
Shu (Vermilion)
#d4553a
Kin (Gold)
#c9a227
Kome (Rice)
#f5f0e1
Koiai (Deep Blue)
#2a5a8c
Typography
Brush-stroke Display
Clean Body Text
Body text remains clean and legible, providing a quiet counterpoint to bold display headings. The contrast between heavy titles and light prose mirrors the layered technique of traditional woodblock printing, where each color requires a separate carved block.
Scale Contrast Hierarchy
Display / 48px
Heading / 30px
Subheading / 20px
Body text / 16px - for extended reading
Caption / 14px - metadata and labels
Interactive Elements
Primary Actions
Secondary Actions
Size Variants
Content Blocks
Beneath the surface of the floating world, tides shape the shore in endless rhythm. Mount Fuji stands unmoved in the distance.
Thirty-six views of the sacred peak, each revealing a different face. Dawn light paints the snow vermilion and gold.
Petals fall like snow in spring, a reminder that all beauty is fleeting. Hanami gatherings beneath ancient trees.
Form Elements
Seasonal Themes
Spring / 春
Cherry blossoms scatter in warm breezes. The world awakens in delicate pink and white, as new beginnings emerge from winter's rest. Hanami gatherings celebrate the transient beauty of sakura beneath ancient trees.
Badge System
Circular Seal Stamps
Traditional round seals used for authentication
Rectangular Chops
Status indicators with bold presence
Wave-border Tags
Decorative tags with dashed borders
Progress Indicators
Flat Block Progress
70% Complete - Block-style progress visualization
Notifications
Wave Notice
The tide patterns have been updated for this season. New prints are available.
Sun Warning
Strong sunlight may cause ink pigments to fade over time. Store prints away from direct light.
Thunder Error
The printing block encountered an alignment issue. Registration marks need adjustment.
Blossom Success
Your woodblock print has been successfully registered. Collection updated.
Selection Menu
Data Display
| TITLE | ARTIST | PERIOD | TECHNIQUE | STATUS |
|---|---|---|---|---|
| The Great Wave | Hokusai | 1831 | Nishiki-e | Exhibited |
| Red Fuji | Hokusai | 1832 | Nishiki-e | Archived |
| Plum Garden | Hiroshige | 1857 | Bokashi | On Loan |
| Sudden Shower | Hiroshige | 1857 | Aizuri-e | Exhibited |
| Night Snow | Hiroshige | 1833 | Nishiki-e | Reserved |
Poetry
An old silent pond
A frog jumps into the pond
Splash! Silence again.
Decorative Elements
Seigaiha - Indigo Waves
Vermilion Arcs
Gold Leaf Pattern
Brush Stroke Divider
Geometric Border
Style Guidelines
Example Button Code
<button className=" px-6 py-3 bg-[#d4553a] text-[#f5f0e1] border-4 border-[#1a3055] font-bold tracking-wider shadow-[4px_4px_0px_#1a3055] hover:bg-[#1a3055] transition-all "> Action Button </button>