GOOD DESIGN AWARD (G Mark) Style Design System (DESIGN.md, Japanese UI)

Design Systems

Design policy: On pure white #ffffff, scatter the vivid G Mark Red #c00014 as accents for pill-shaped CTAs, tags, and headings. Body text uses a soft dark gray rgba(0,0,0,0.84), and contrast is created through color (red) and typeface contrast (Condensed headings vs. normal body text) - Density: The h1 has a stately presence at 48px / weight 700 / line-height 1.5 / letter-spacing 2px (Roboto Condensed + Gothic MB101 Bold). Body text is relaxed at Noto Sans JP 16px / line-height 1.75 (28px) - Keywords: G Mark Red, Roboto Condensed, Gothic MB101 Bold (Morisawa), Noto Sans JP, pill CTA (radius 99

All-access members

Upgrade to unlock

GOOD DESIGN AWARD (G Mark) Style Design System (DESIGN.md, Japanese UI)

You are an expert web designer. Build a stunning, production-ready page with
a bold hero section, smooth CSS transitions and a carefully tuned dark palette.
Use a neutral background, generous rounded corners and one electric accent color.
Structure the layout with a sticky header, feature grid, social proof and a final
call to action. Keep typography tight, spacing consistent and motion subtle.

Purchase to reveal the full prompt

Every prompt, free for members

One payment, every prompt on the site

Every prompt free to download
Unlimited downloads, copy anytime

21st.dev + ReactBits Annual

365 days$69.00

21st.dev + ReactBits Lifetime

Never expires$109.00

Motionsites Prompts

365 days$39.00

Never expires$69.00

JiroMax + Motionsites Prompts

365 days$109.00

Never expires$149.00

All-Access: All Prompts + Brand Components + Templates

365 days$179.00

Never expires$269.00

See membership

GOOD DESIGN AWARD (G Mark) Style Design System (DESIGN.md, Japanese UI) | MotionSites