AlterLab Brand Kit
Official logos, wordmarks, color palette, and usage guidelines for partners, media, and integrators.
Usage Guidelines
Do
- Use the logo with sufficient clear space on all sides
- Use the dark logo on light backgrounds
- Use the light logo on dark or colored backgrounds
- Maintain the logo's aspect ratio when resizing
- Link the logo to alterlab.io when used digitally
Don't
- Don't alter, rotate, or distort the logo
- Don't change the logo's colors
- Don't place the logo on low-contrast backgrounds
- Don't use the logo to imply AlterLab endorsement
- Don't use outdated logo versions
Logo & Wordmark
Use SVG for web and vector applications. Use PNG for documents and presentations where SVG is not supported.
Color Palette
AlterLab uses an oklch-based color system optimized for dark interfaces. All colors meet WCAG AA contrast requirements on their intended backgrounds.
Brand Black
#0A0A0A
oklch(7% 0 0)
Primary backgrounds, text on light
Brand White
#FAFAFA
oklch(98% 0 0)
Text on dark, light surfaces
Accent Green
#22C55E
oklch(72% 0.19 142)
CTAs, success states, highlights
Accent Blue
#3B82F6
oklch(63% 0.2 258)
Links, interactive elements
Muted Gray
#71717A
oklch(52% 0.01 265)
Body copy, secondary text
Border
#27272A
oklch(20% 0.01 265)
Dividers, card borders (dark mode)
Typography
Headings
Inter
Used for all headings, UI labels, and navigation. Available via Google Fonts.
Code / Monospace
JetBrains Mono
Used for all code blocks, API keys, and technical content.
Partner Resources
Partnership Inquiries
For co-marketing, technology partnerships, or press inquiries, reach out via the contact form or email directly.
Contact Us