Brand Kit
Logos, colors, type, and voice for ViniApp — the vibe coding platform for onchain miniapps.
Paste into your repo or an AI agent prompt to keep generated UI on-brand
Logo & wordmark
Use ViniApp(capital V and A). Gradient accent on "App" in wordmark lockups.
ViniApp
Vibe Coding Platform
- Minimum clear space: height of the logo on all sides
- Don't stretch, rotate, or recolor the mascot
- On dark backgrounds, use the ring-gradient lockup or white card behind the mark
Color palette
Mint primary, violet secondary, amber accent. Page backgrounds use aurora gradients — not flat grey.
Primary
#10b981
CTAs, success, brand actions
Primary (dark)
#34d399
Dark-mode primary, gradient end
Secondary
#8b5cf6
Mascot, playful accent, Vibe Coding
Accent
#f59e0b
$VINI, coins, achievements
Base content
#0f172a
Primary text (light mode)
Page bg
#fafbfc
Light aurora base (use with gradient layer)
Dark bg
#08080a
Dark mode page base
Base Blue
#0052FF
Base partnership bar only
Gradients
Primary actions and hero text — never bluish-purple unrelated washes.
CSS utilities: .text-gradient-brand, .ring-gradient-brand, .divider-gradient
Typography
DM Sans for UI · JetBrains Mono for addresses, tokens, and rates
Voice & lexicon
Do say
- Vibe Coding / Vibecode
- ViniApp (platform) · viniapp (one shipped app)
- Miniapp · onchain · $VINI
- Build tab · open beta · LFG!
Tone
Builder-energy, plain-spoken, optimistic, slightly crypto-native. Second person for users. Honest about beta state. Emoji as functional labels (🔮 create, 🪙 token, 💡 hints) — one per moment max.
Partners & press
Featured Build tab placement and partner integrations — see FAQ for current promotion rates.
