Visual Identity • Nami Official
Visual Identity that looks clean, feels iconic, and stays consistent everywhere.
This page is the “source of truth” for Nami Official’s look & feel—logo usage, color logic, typography vibes, and the little
rules that keep your brand instantly recognizable across social, website, video, and print. No chaos, no random fonts,
no mismatched shades—just a cohesive identity that scales.
🎛️ System-based
🧩 Easy to reuse
⚡ Fast to apply
- Do keep spacing around logos (breathing room matters).
- Do use the gradient on key moments (buttons, headers, highlights).
- Don’t mix random fonts or add heavy drop-shadows everywhere.
- Don’t stretch logos or change proportions (ever).
Identity Kit
Think of this as your visual toolkit. The goal is simple: anyone on your team can make something that looks like
Nami Official in minutes—without guessing. Keep these elements consistent and your brand instantly feels more legit.
🔷
Min size
🎨
🅰️
🧬
Keep a consistent set of “Nami cues”: soft-glow gradients, rounded cards (16–22px feel), thin borders,
subtle blur overlays, and icons that are small but intentional. These details make the brand feel designed,
not just assembled.
Rounded corners
Thin borders
Warm micro-accent
🧩
- Profile header + gradient badge
- Card grid for media highlights
- Quote callout for brand voice
- CTA row for socials / press kit
- Simple color swatch section
Visual Rules (so your brand stays sharp)
📏
Use consistent padding: 16–22px inside cards, and 10–14px between small elements. Keep sections breathable—
the brand feels more premium when it’s not cramped.
🌓
Keep text high-contrast on dark backgrounds. Use the gradient for highlights, not for long paragraphs.
Your content should be readable even on mobile at night-mode brightness.
✨
Soft glow is a signature—keep it subtle. Borders thin, shadows gentle. If everything glows, nothing glows.
Prioritize a clean base design first.
🧠
- Same color palette across pages
- Same corner radius across UI
- Same icon style (emoji or mono icons)
- Same CTA button styling
- Same headline sizing hierarchy
🔁Back to Kit
