Remix

Copy

Original

More

Remix

Copy

Original

More

Brand Guidelines

Official Design System & Assets

Logos & Usage

Primary identifiers. X-Ray is enabled to visualize the safe zones.

Primary Logo
X-RAY ON
Safe Zone
→
30px
Min Width

Digital: 96px
Print: 25mm

Stacked
STACKED
Icon
ICON
Wordmark
WORDMARK

Compliance

Visual rules for logo integrity.

Do: Use Clear Space
Correct Icon
Don't: Distort
Distorted Logo
Don't: Recolor
Recolored Logo

Color & Depth

Semantic palette and shadow hierarchy.

Primary#002940
Secondary#496879
Accent#D35C00

Typography

Inter font family. Strict hierarchy.

Display48px / 700
The quick brown fox.
H136px / 700
The quick brown fox.
H228px / 600
The quick brown fox.
H322px / 600
The quick brown fox.
H418px / 600
The quick brown fox.
Body16px / 400
The quick brown fox.
BodyEmphasis16px / 590
The quick brown fox.
Small14px / 400
The quick brown fox.
Caption12px / 400
The quick brown fox.
Theme Logic
Light Mode
Primary Text
Dark Mode
Off-White Text

Layout & Icons

4px baseline grid and 24px icon system.

Spacing Scale
4
8
12
16
24
32
48
Icon System
Size
24px
Stroke
1.5px
Radius
2px
Style
Outline
Components
SuccessError
Print Specifications
Primary Blue
CMYK: 100, 36, 0, 75
Pantone: 540 C
Contrast Checker
The quick brown fox
Jumps over the lazy dog.
15.09:1
Normal TextAA Pass
Large TextAA Pass
WCAG 2.1 AA Checklist0/8
Contrast Ratio ≥ 4.5:1 for body text
Contrast Ratio ≥ 3.0:1 for large text
Interactive elements min 44x44px
Focus indicators must be visible
Alt text required for all images
Color not used as sole indicator
Headings follow logical hierarchy
Audio/Video controls provided

Assets

Production-ready files.

Logo Kit
Logos
Design Tokens
JSON Format
© SolarCore Design System v7.0