🎨 Brand Colors
Primary Colors Core
Aa
Blue
#2F3847
Aa
Charcoal
#2D3236
Aa
White
#FFFFFF
Extended Palette
Aa
Tan
#BE9063
Aa
Taupe
#A4978E
Aa
Sage
#7A7F6B
Aa
Terracotta
#C56E4E
Aa
Cream
#E2DFDA
Aa
Brown
#532E2D
Aa
Slate
#5D6D7E
Aa
Red
#BE170F
✏️ Typography
Company Name / Titles
NORTH ARROW COFFEE CO
Font: Blanka | The "N" can be substituted with the N w/ Arrow icon
Taglines / Subtitles
COFFEE FOR LIFE
Font: DIN Condensed Bold | Letter spacing: 115-160
Body Text
Montserrat Regular
Font: Montserrat | All body text, descriptions, and general content
| Style | Font | Size |
|---|---|---|
| Title | Blanka | 80 |
| Subtitle | DIN Condensed | 72 |
| Heading | Blanka | - |
| Subheading | Montserrat | - |
| Body | Montserrat | 14 |
Font Downloads
🏷️ Logo Assets
📋 Usage Guidelines
✓ Do
- Use provided logo files exactly as-is
- Give logo enough clear space
- Use high-res files for print
- Use appropriate size for web
- Use approved colors on appropriate backgrounds
✗ Don't
- Stretch, distort, or rotate the logo
- Change the colors of the logo
- Add extra text, graphics, or effects
- Place on hard-to-read backgrounds
- Use to suggest endorsement without approval
📱 QR Code Specifications
| Property | Value |
|---|---|
| Generator | qr-code-generator.org |
| Background | #FFFFFF (White) |
| Foreground | #2D3236 (Charcoal) |
| Size | 800px |
| Precision | Smallest |
| Format | SVG |
💻 Quick Reference Code
CSS Variables
:root {
--na-blue: #2F3847;
--na-charcoal: #2D3236;
--na-white: #FFFFFF;
--na-tan: #BE9063;
--na-cream: #E2DFDA;
}
Font Face CSS
@font-face {
font-family: 'Blanka';
src: url('fonts/Blanka-Regular.otf') format('opentype');
}
@font-face {
font-family: 'DIN Condensed';
src: url('fonts/D-DINCondensed-Bold.otf') format('opentype');
}
Questions about brand usage?
hello@northarrowcoffee.co