Brand & Design System
Every token that makes up VonaHub's visual identity — surfaces, typography, color palette, buttons and stage accents. Each piece maps 1:1 to its use across the site.
Logo & Mark
Wordmark + standalone mark
Surfaces
canvas → surface → elevated layers
Page background
Section panels
Cards · floating
Hairline borders
Text Colors
ink, mute, faint
Aa Bb 0123
Primary text
Aa Bb 0123
Secondary
Aa Bb 0123
Tertiary · meta
Neon Accent Palette
5 signal colors
Primary neon · CTA
Vevona DNA · brand
Depth · gradient
Critical · alert
Live indicator
Stage Accents
6 modules · used across the pipeline
Create content
Plan
Publish
Chatbot
Manage ads
Report
Typography
Bricolage display · Plus Jakarta · JetBrains
Motion and intent.
Heading sample · h2
Body — descriptive copy. Says what the product does, plainly and directly. 16/24, mute color.
Buttons
primary · outline · ghost
Cards
surface · elevated · glow border
Standart kart yüzeyi
Pricing, FAQ, modül listeleri. Hairline border +.
Yükseltilmiş kart
Form alanları, drawer içerikleri, pricing add-on bloğu.
Conic gradient çerçeve
"Popular" plan, vurgu kartları. Sürekli dönen conic light line.
Badges & Pills
status, live, counter
Gradients
flow, aurora, conic glow
Glow & Halo
ring-glow, glow-laser, glow-signal
Easing & Motion
cubic-bezier presets
Smooth out · panel/card enters
Symmetric · scene transitions
Springy · pop-in micro interactions