Brand Essentials
Brand Name
Creadefy
Capital C, rest lowercase. Avoid: creadefy, CreadeFy, CreaDefy.
Tagline
"Digital achievements made beautiful"
Verifiable Digital Certificates & Badges Platform.
Core Attributes
Minimal
Dark-first, high-contrast design language
Premium
Calm aesthetic with quiet confidence
Trustworthy
Security-focused yet design-forward
Logo System
Primary Mark
Inverted Mark
Logo + Wordmark
Clear Space
Maintain at least 0.25× the logo height as padding around the logo.
Minimum Sizes
Logo Misuse
No glows
No stretching
No rotation
No colors
Color Palette
Click any swatch to copy the HEX value.
Core Neutrals
Background
#0A0A0A
hsl(0 0% 3.9%)
Foreground
#FAFAFA
hsl(0 0% 98%)
Muted Surface
#262626
hsl(0 0% 14.9%)
Muted Text
#BFBFBF
hsl(0 0% 75%)
Ring
#D4D4D4
hsl(0 0% 83.1%)
Destructive
#7F1D1D
hsl(0 62.8% 30.6%)
Surface Palette
Deep Background
#030303
hsl(0 0% 1%)
Card Top
#121212
hsl(0 0% 7%)
Card Bottom
#0A0A0A
hsl(0 0% 4%)
Subtle Border
#1F1F1F
hsl(0 0% 12%)
Strong Border
#333333
hsl(0 0% 20%)
Hover Border
#404040
hsl(0 0% 25%)
Accent Colors
Primary Accent
#3B82F6
CTAs, links, primary actions
Enterprise
#8B5CF6
Premium features, enterprise tier
Success
#22C55E
Positive states, confirmations
Success Light
#4ADE80
Stats, indicators
Data Visualization
Chart 1
#2662D9
hsl(220 70% 50%)
Chart 2
#2EB88A
hsl(160 60% 45%)
Chart 3
#E88C30
hsl(30 80% 55%)
Chart 4
#AF57DB
hsl(280 65% 60%)
Chart 5
#E23670
hsl(340 75% 55%)
Typography
Primary Font
Inter
Used for all UI elements across dashboard and marketing pages.
Monospace
Mono
Used for IDs, metrics, codes, and hashes.
Type Scale
H1 — 48px / Light / -0.02em
Digital achievements
H2 — 36px / Light / -0.02em
Made beautiful
H3 — 24px / Medium / -0.01em
Verifiable credentials
H4 — 18px / Medium / -0.01em
Certificate templates
Body — 16px / Light / -0.01em
Creadefy is a platform for creating and managing digital certificates and badges. Our minimal, design-forward approach ensures your achievements look as impressive as they are.
Certificate Fonts
Max 2 font families per template. Script fonts only for recipient names.
Titles
Oswald / Montserrat
Names (Script)
Dancing Script
Body / Meta
Inter / Open Sans
Iconography
Icon Library
Lucide + Tabler outline icons. Prefer outline style only for consistent stroke feel.
Icon Colors
Default: neutral in light mode, near-white (#FAFAFA) in dark mode. Use accent blue (#3B82F6) for interactive states.
Voice & Tone
We Are
- Clear and modern
- Confident but not hype-y
- Design-first + security-first
- Minimal and focused
- Trustworthy and professional
We Are Not
- ✕Overly casual or playful
- ✕Buzzword-heavy
- ✕Complicated or verbose
- ✕Aggressive or pushy
- ✕Generic or templated
Writing Rules
Sentence case
"Create your first certificate"
Short sentences
"Simple. Clear. Direct."
No buzzword stacking
"Secure verification"
Developer Reference
Tailwind Classes
bg-background text-foreground
bg-card text-card-foreground
border-border
text-muted-foreground
bg-primary text-primary-foreground