Brand System
DigixSkill Brand Guidelines
The visual rules that keep every product, page and asset feeling like DigixSkill — confident, modern, dark-first, and quietly premium.
Logo
The mark is a pixelated D rising into an upward arrow — pixels of knowledge converging into momentum. Use it with at least 16px clear space on all sides. Never recolor the mark.
Color palette
Midnight (Background)
#0d1424 · --background
Card Surface
#161e30 · --card
Electric Cyan (Primary)
#5EE7FF · --primary
Premium Gold (Accent)
#F0C36A · --accent
Mint (Success / Price)
#6BE4B8 · --success
Foreground
#F5F7FB · --foreground
Cyan leads. Gold is a reserved accent for premium cues (discount badges, featured ribbons). Mint is reserved for prices and success states. Avoid using gold and mint together in the same component.
Typography
Space Grotesk · Display
Headings only. Weights: 500/600/700. Tracking -0.02em.
Inter · Body
Paragraphs, UI, buttons. Weights: 400/500/600/700.
Iconography
Use Lucide icons exclusively. Stroke width 1.75–2. Size 14–20px inline with text, 24px standalone. Icons inherit current color — never multi-color icons.
Product cover system
Every product cover follows the same recipe:
- · Deep midnight background with one radial cyan glow.
- · One central subject — never two competing focal points.
- · A single accent: gold for premium, mint for wellness.
- · Optional small monospace tag like
/marketing. - · Negative space > ornament.
Voice & tone
We are
- · Direct, never salesy
- · Practical, never academic
- · Confident, never arrogant
- · Warm, never casual
We avoid
- · "Unleash", "revolutionary", "game-changer"
- · All-caps shouting
- · Multiple exclamation marks
- · Generic stock-photo energy