Synapse-Themes Brand
Our brand guidelines help maintain consistency across all platforms and communications. Download our assets and follow these guidelines when representing our brand.
Logo Usage
Logo Guidelines
✓ Do
- • Use official logo files only
- • Maintain minimum clear space
- • Use on approved backgrounds
- • Keep aspect ratio when resizing
✗ Don't
- • Distort or stretch the logo
- • Change logo colors
- • Add effects or shadows
- • Place on busy backgrounds
Color Palette
Primary
#F9775Frgb(249, 119, 95)Main brand color, buttons, links
Primary Light
#FFE6D7rgb(255, 230, 215)Backgrounds, hover states
Primary Lighter
#FFC8C3rgb(255, 200, 195)Gradients, accents
Text Primary
#3e2928rgb(62, 41, 40)Body text, headings
Background
#FFFFFFrgb(255, 255, 255)Page backgrounds
Typography
Primary Font: Raleway
Heading 1
Font: Raleway Bold, 48px
Heading 2
Font: Raleway Bold, 32px
Heading 3
Font: Raleway Semibold, 24px
Body text uses Raleway Regular for comfortable reading. It maintains excellent readability across different screen sizes and provides a modern, clean appearance.
Font: Raleway Regular, 16px
Monospace Font: JetBrains Mono
const code = "JetBrains Mono";Font: JetBrains Mono, 14px - Used for code snippets
Spacing & Layout
Spacing Scale
Border Radius
8px (default)
12px (lg)
16px (xl)
Full (pill)
Download Assets
Complete Brand Kit
Download our complete brand kit including logos in various formats (SVG, PNG), color swatches, and typography guidelines.
Download Brand Kit (.zip)