Brand Assets

Official guidelines, logos, colors, and typography for the Admin brand. Use these assets to maintain consistency across all digital and physical touchpoints.

Logo Variations

Use the primary logo for light backgrounds. Reversed for dark. Monochrome for print.

Admin
Primary
Admin
Reversed
Admin
Monochrome
Icon Only
📏

Clear Space

Maintain a minimum clear space equal to the height of the "A" icon on all sides. Do not place other elements within this zone.

🔍

Minimum Size

The logo must never be reproduced smaller than 24px high for digital use or 12mm for print to ensure legibility.

🚫

Do Not Alter

Never stretch, rotate, recolor, or add effects (shadows, gradients, outlines) to the logo. Use only the approved variations.

Color Palette

Click any swatch to copy the HEX code. Primary colors for branding, neutrals for UI balance.

Primary
HEX: #4F46E5 RGB: 79, 70, 229
Accent
HEX: #06B6D4 RGB: 6, 182, 212
Dark / Text
HEX: #0F172A RGB: 15, 23, 42
Muted
HEX: #64748B RGB: 100, 116, 139
Surface
HEX: #F8FAFC RGB: 248, 250, 252
Pure White
HEX: #FFFFFF RGB: 255, 255, 255

Typography

System-first font stack for optimal performance and readability across all platforms.

Heading 1

Heading 2

Heading 3

Body text uses a comfortable line height and optimized letter spacing for extended reading. Secondary text should be muted and slightly smaller to establish visual hierarchy.

Small / Caption text for metadata and timestamps
Display / H1
800 weight 2.8rem 1.15 LH
Heading / H2-H3
700 weight 2rem / 1.5rem 1.3 LH
Body / Paragraph
400 weight 1rem 1.6 LH
UI / Buttons
600 weight 0.9rem 1.4 LH
Code / Monospace
Normal 0.85rem 1.5 LH

Asset Downloads

Grab the official files and start building.

📦
Logo Pack
SVG, PNG, PDF • 4.2 MB

All logo variations in vector and raster formats, optimized for web and print.

Download
🎨
Figma UI Kit
.fig • 12.8 MB

Complete design system with components, tokens, and layout templates.

Download
📖
Brand Guidelines PDF
.pdf • 2.1 MB

Print-ready brand book covering logo usage, color specs, typography, and voice.

Download
Copied to clipboard!