Brand Guidelines
Perlence brand guidelines including colors, typography, logos, and visual elements
Logo
Primary Logo
Used on light backgrounds. Minimum clear space equals the height of the "P" in Perlence.
Logo on Dark
Used on dark backgrounds. Maintains the same clear space requirements.
Logo Usage Guidelines
- • Do not rotate, skew, or distort the logo
- • Do not change the logo colors
- • Do not add effects like drop shadows or gradients
- • Maintain minimum size of 24px height for digital use
Color Palette
Primary Colors
#FAFAFA
Ethereal White
Primary Background
#0A0A0A
Void Black
Primary Text
#446DF6
Cyan Glow
Primary Accent
#FF00FF
Magenta Glow
Secondary Accent
Secondary Colors
#333333
Shadow Gray
Body Text
#666666
Ghost Gray
Muted Text
#E5E5E5
Secondary Light
Borders & Dividers
Color Usage Guidelines
- • Use Ethereal White as the primary background color
- • Void Black is for primary text and important UI elements
- • Cyan Glow is the primary accent for interactive elements and highlights
- • Magenta Glow is used sparingly for special emphasis
- • Maintain sufficient contrast for accessibility (WCAG AA standard)
Typography
Headings
BEBAS NEUE
Used for all headings. Always uppercase with letter-spacing: 0.05em
Body Text
Montserrat
Primary font for body text and UI elements. Clean and modern.
JetBrains Mono
Used for code snippets and technical content.
Visual Elements
Gradients
Primary gradient used for special accents and glitch effects
Shadows
Elevated shadow for interactive elements