TechnicalCollectible prompt

Japanese-inspired minimal design system for your website

Quiet type, off-white paper and purposeful empty space, inspired by ma, with no stereotypes.

Lovablev0Cursor

Curated by Nvoka

Nvoka wordmark logo
Nvoka wordmark logoTechnical

Japanese-inspired minimal design system for your website

Act as a senior brand designer. Restyle the existing site for {{business_name}}, a {{business_type}}, as a complete Japanese-inspired minimal design system. Keep every page, route, component and line of content; change only the visual layer, through shared tokens in the current styling system. Read the existing styles first and tell me what you'll replace. Our brand colors are {{brand_colors}}: map them onto the roles below where they fit, and if they fight the style, keep one as the accent and use the pack's neutrals. Principle: ma, the meaningful space between things. Restraint, asymmetry and natural materials, never costume. Type: Shippori Mincho 500 for headings, Zen Kaku Gothic New 400 and 500 for text at 17px, line height 1.8. Both are genuine Japanese typefaces with good Latin letters, and only the subsets in use load. Scale 1.2: 17, 20, 24, 29, 35, 42, 50px. Headings small and quiet. Palette: background off-white #F7F5F0, surface #EFECE5, text #222222, muted #626058, border #DEDAD0, accent vermilion #B7282E (hover #962027), once per screen at most; secondary indigo #2B3A55. Shape: radius 0 to 4px; 1px hairline rules, some vertical; no shadows. Grid: 12 columns with 24px gutters at 1280px; content off-center in 6 or 7 columns, the rest left empty on purpose; 8 at 768px, 4 at 360px; section padding 96px mobile, 176px desktop. Imagery: one subject per frame with generous space; natural materials, seasonal light, paper, wood and stone; illustration, if any, as a few restrained ink lines. Motion: 500ms fades and at most a 12px rise; nothing else moves. Signature details: one asymmetric focal point per screen; a thin vertical rule beside section titles; seasonal details where they're true to the business. Avoid: brush-stroke clip art, faux-Asian novelty fonts, random kanji as decoration, rising-sun circles, cherry blossom wallpaper, "zen" as a sales word. Use Japanese text only if it's meaningful to the business and checked by a fluent speaker. Check: text contrast of at least 4.5:1, visible focus, 44px touch targets, no horizontal scroll at 360px, reduced motion respected. Finish with a short change list and the reason for each decision.
Technicalnvoka.com/library/nvoka-japanese-inspired-minimal-design-system-for-your-websiteScan to open
Technical

Japanese-inspired minimal design system for your website

Quiet type, off-white paper and purposeful empty space, inspired by ma, with no stereotypes.

Nvoka logo

Curated by Nvoka

Lovablev0CursorClaude Code
Add to my library

Make it yours

Fill in the blanks and change any word. Only your copy changes, never the card.

Fill in the blanks

0 of 3 filled

Your prompt

Act as a senior brand designer. Restyle the existing site for {{business_name}}, a {{business_type}}, as a complete Japanese-inspired minimal design system. Keep every page, route, component and line of content; change only the visual layer, through shared tokens in the current styling system. Read the existing styles first and tell me what you'll replace. Our brand colors are {{brand_colors}}: map them onto the roles below where they fit, and if they fight the style, keep one as the accent and use the pack's neutrals. Principle: ma, the meaningful space between things. Restraint, asymmetry and natural materials, never costume. Type: Shippori Mincho 500 for headings, Zen Kaku Gothic New 400 and 500 for text at 17px, line height 1.8. Both are genuine Japanese typefaces with good Latin letters, and only the subsets in use load. Scale 1.2: 17, 20, 24, 29, 35, 42, 50px. Headings small and quiet. Palette: background off-white #F7F5F0, surface #EFECE5, text #222222, muted #626058, border #DEDAD0, accent vermilion #B7282E (hover #962027), once per screen at most; secondary indigo #2B3A55. Shape: radius 0 to 4px; 1px hairline rules, some vertical; no shadows. Grid: 12 columns with 24px gutters at 1280px; content off-center in 6 or 7 columns, the rest left empty on purpose; 8 at 768px, 4 at 360px; section padding 96px mobile, 176px desktop. Imagery: one subject per frame with generous space; natural materials, seasonal light, paper, wood and stone; illustration, if any, as a few restrained ink lines. Motion: 500ms fades and at most a 12px rise; nothing else moves. Signature details: one asymmetric focal point per screen; a thin vertical rule beside section titles; seasonal details where they're true to the business. Avoid: brush-stroke clip art, faux-Asian novelty fonts, random kanji as decoration, rising-sun circles, cherry blossom wallpaper, "zen" as a sales word. Use Japanese text only if it's meaningful to the business and checked by a fluent speaker. Check: text contrast of at least 4.5:1, visible focus, 44px touch targets, no horizontal scroll at 360px, reduced motion respected. Finish with a short change list and the reason for each decision.
See all