CURATED · OPEN · FREE

Misuko Be

A B2B service provider for healthy drink formulation and production.

01

Identity DNA

A clean, professional packaging studio for beverage brands

02

Color

Earthy, muted background palette with sharp black typography for high contrast.

03

Typography

grotesque-sans

• display48px · 500
• heading34px · 400
• body14px · 400

Headlines use tight negative letter-spacing · Body text maintains a comfortable 1.36 line-height · Nav links and body copy share the same base font size

04

Spacing

Generous padding inside sections (e.g., 116px top/bottom) creates a rhythmic, breathing layout.

05

Surfaces

Thin 1px borders in muted tones (#BCBEB2) or solid black (#000000) are used for buttons and structural dividers.

rgba(0,0,0,0.15) 0px 0px 8px 3px

06

Layout

Split-screen hero layout transitioning into a full-width alternating image-and-text grid.

07

Motion & Interaction

Subtle opacity and transform transitions for interactive elements

Color changes and subtle opacity shifts on text links and buttons · Smooth transition to new page sections or external links

08

Components

• button Pill-shaped outline buttons with black borders and uppercase text, or simple text links with a preceding arrow icon.
• card Content is presented in large, split-screen blocks rather than traditional cards.
• chip Minimal use of chips, focusing on clean text links for navigation.
• input Standard form fields with thin borders.
• hero A massive split-screen block featuring a large headline on one side and a full-height lifestyle image on the other.

09

Voice & Don'ts

• Tone Professional, reassuring, and focused on partnership
• Headlines Direct and benefit-oriented statements about design and production
• CTAs Action-oriented prompts like 'Let's get in touch' or 'Help me build my own brand'

• don't use vibrant or neon colors — screenshot shows a muted, earthy palette of beige, brown, and black
• don't use heavy drop shadows — screenshot shows minimal, almost imperceptible shadowing on elements
• don't use centered text for main copy — screenshot shows left-aligned headlines and body text throughout
• don't use cluttered layouts with many columns — screenshot shows a clean, spacious split-screen grid
• don't use decorative or script fonts — screenshot shows clean, functional grotesque-sans typography
• don't use rounded cards with soft backgrounds — screenshot shows sharp, full-bleed imagery and crisp borders
• Avoid: Avoid aggressive sales language
• Avoid: Avoid overly casual or slang-heavy copy
• Avoid: Avoid complex jargon not related to beverage production

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko