Logo Collection
Download official SlateAI logos in various formats and color variations
Centered layout • PNG format
slate-logo-black-gemini-centered-v1.png
Centered layout • PNG format
slate-logo-obsidian-gemini-centered-v1.png
Centered layout • PNG format
slate-logo-ash-gemini-centered-v1.png
Centered layout • PNG format
slate-logo-juniper-gemini-centered-v1.png
Centered layout • PNG format
slate-logo-mineral-gemini-centered-v1.png
Centered layout • PNG format
slate-logo-stratum-gemini-centered-v1.png
Color Palette
Official SlateAI brand colors with hex values and usage guidelines
Primary Colors
Core brand colors for primary usage
Extended Palette
Complete color system with tints and shades for flexible design applications
Usage Guidelines
Primary Colors
- • Use for main UI elements and branding
- • Maintain contrast ratios for accessibility
- • Obsidian (#232B2B) for primary text and CTAs
Extended Palette
- • Use for backgrounds, borders, and subtle elements
- • Create depth and hierarchy in designs
- • Always test readability before implementation
Typography
Official SlateAI font family with usage guidelines and examples
Used for all headings, titles, and emphasis text throughout the brand
Primary font for body text, descriptions, and general content
Used for buttons, badges, and special callout text elements
Typography Hierarchy
Examples of how our fonts work together in real applications
Main Heading (Montserrat Bold)
Section Heading (Montserrat Semibold)
Subsection Heading (Montserrat Medium)
This is body text using Open Sans. It provides excellent readability and works well for longer content blocks. The font is optimized for both digital screens and print materials.
This is smaller body text, often used for captions, metadata, or secondary information.
Typography Guidelines
Font Pairing
- • Use Montserrat for all headings and titles
- • Open Sans for body text maintains readability
- • Poppins adds personality to UI elements
- • Never mix more than these three fonts
Implementation
- • Include font-display: swap for performance
- • Load only needed font weights
- • Use CSS variables for consistent application
- • Test across different devices and browsers