Brand Kit

Official LayerCover brand assets, logos, and usage guidelines

Official LayerCover brand assets, logos, colors, and usage guidelines.

Coming soon: Logos, wordmarks, and social templates.

Color Palette

Primary Colors

Primary Brand Blue

Destructive (Light)

#EF4444

HSL: 0, 84.2%, 60.2%

Destructive (Dark)

#811D1D

HSL: 0, 63%, 31%

Primary brand color for logos, CTAs, links, and interactive elements.

Brand Color Scale

Blue Palette (brand.50 - brand.950)

Background

#0A0A0A

HSL: 0, 0%, 4%

Foreground

#FAFAFA

HSL: 0, 0%, 98%

Muted

#242424

HSL: 0, 0%, 14%

Muted Foreground

#999999

HSL: 0, 0%, 60%

Border

#333333

HSL: 0, 0%, 20%

Neutral Colors (Light Mode)

Background

#FFFFFF

HSL: 0, 0%, 100%

Foreground

#020617

HSL: 222.2, 84%, 4.9%

Muted

#F1F5F9

HSL: 210, 40%, 96.1%

Muted Foreground

#64748B

HSL: 215.4, 16.3%, 46.9%

Border

#E2E8F0

HSL: 214.3, 31.8%, 91.4%

Neutral Colors (Dark Mode)

brand-50

#eff6ff

brand-100

#dbeafe

brand-200

#bfdbfe

brand-300

#93c5fd

brand-400

#60a5fa

brand-500 ⭐

#3b82f6

brand-600

#2563eb

brand-700

#1d4ed8

brand-800

#1e40af

brand-900

#1e3a8a

brand-950

#172554

Semantic Colors

Hex: #3B82F6

HSL: 221, 83%, 53%

RGB: 59, 130, 246

Note: The protocol uses a minimal semantic color palette focused on destructive/error states. Success, warning, and info states typically use the primary brand color with different backgrounds or contexts.

Typography

Primary Font: Inter

Usage: Body text, UI elements, general content

Weights:

Regular (400) - Body text
Medium (500) - Subheadings, emphasis
Semibold (600) - Headings
Bold (700) - Strong emphasis

Download: Google Fonts - Inter

CDN:

CSS:

font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

Monospace Font

Usage: Code blocks, technical content, contract addresses, technical identifiers

Font: System monospace stack

CSS:

font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

This provides optimal code rendering across different platforms without requiring font downloads.

Brand guidelines ensure consistent and professional representation of LayerCover across all channels.