Color Palette
Raw Copper
#B87334
rgb(184, 115, 52)
PRIMARY
Midnight Teal
#0D3A3A
rgb(13, 58, 58)
SECONDARY
Raw Canvas
#EDE3D0
rgb(237, 227, 208)
BACKGROUND
Charcoal
#242424
rgb(36, 36, 36)
TEXT
Dust
#A89880
rgb(168, 152, 128)
NEUTRAL
Salt
#F8F4EE
rgb(248, 244, 238)
SURFACE
Typography
The Right Materials,
Right on Time.
Right on Time.
Aa
Bb
Cc
0123456789
We stock the materials contractors actually need — same-day on most orders. Premium Outdoor Carry & Accessories
Logo
The Koda mark is a single geometric form: a stylized K constructed from two elements — a vertical bar and a chevron, the chevron referencing both the letter form and a topographic contour line. Set in Raw Copper (#B87334) on dark grounds, Midnight Teal (#0D3A3A) on light. The wordmark KODA GOODS uses Space Grotesk Medium in uppercase with slightly opened tracking. Mark and wordmark are always separated by a fixed clear space equal to the cap height of the wordmark. Never enclose the mark in a shape or badge.
UI Patterns
Buttons
Primary
Accent
Outline
Text link →
Badges & Tags
Primary
Accent
Secondary
Outline
Card
Same-Day Availability
In stock on most orders placed before noon. Regional delivery within 100 miles.
Alert / Callout
Orders placed before noon ship same day. Call us if you need it sooner.
Social Media Formats
Voice & Tone
Built-for-doing. We describe what things are made of and how they hold up — not how they make you feel. No lifestyle language, no hype. If a feature matters, say why. If it doesn't, cut it.
FunctionalUnvarnishedPreciseEarned confidence
✓ Do write like this
- Lead with material and construction specifics: '500D Cordura face fabric with a DWR finish rated to 40 wash cycles.'
- Describe use cases concretely: 'fits a 15" laptop, one day's worth of gear, and a water bottle without forcing the zipper.'
- Use plain comparisons: 'heavier than a daypack, lighter than a full frame kit bag.'
- Let durability claims reference specific tests or conditions: 'stress-tested at -20°C and 95% humidity.'
✗ Avoid this
- Never say 'premium', 'luxury', 'elevated', or 'curated' — show what makes it good, don't label it.
- No lifestyle copy: ban 'adventure', 'journey', 'the path ahead', or anything implying a mood board.
- Don't use passive voice for product claims: not 'is crafted with care' but 'we stitched the bar-tacks by hand at stress points.'
- Never imply the product defines the user: Koda gear is a tool, not an identity.
Downloads & Exports
CSS Tokens
Custom properties for every color and font. Drop into any project.
Brand Kit
Self-contained HTML reference. Open in any browser, share with your team.
Brand Guide (.docx)
Editable Word document. Colors, fonts, and voice guidelines.
Pitch Cover
Print-ready cover in your brand colors. Open and print to PDF.
Color Contrast — WCAG
Aa
Charcoal on Salt
Aa
Raw Canvas on Charcoal
Aa
Midnight Teal on Salt
Aa
Midnight Teal on Raw Canvas
Aa
Charcoal on Dust
Aa
Midnight Teal on Dust
Aa
Raw Copper on Charcoal
Aa
Raw Copper on Salt
Aa
Raw Copper on Midnight Teal
Aa
Raw Copper on Raw Canvas
Aa
Dust on Salt
Aa
Raw Canvas on Dust
Code & Assets
CSS Variables
:root {
--color-raw-copper: #B87334;
--color-midnight-teal: #0D3A3A;
--color-raw-canvas: #EDE3D0;
--color-charcoal: #242424;
--color-dust: #A89880;
--color-salt: #F8F4EE;
--font-heading: 'Space Grotesk', sans-serif;
--font-body: 'Inter', sans-serif;
}
brand.json
↓ Download
{
"client": "Koda Goods",
"tagline": "Built to go.",
"industry": "Premium Outdoor Carry & Accessories",
"description": "Koda Goods designs technical bags, luggage, and carry accessories for people who actually use them. Founded in 2013 and based in Vancouver, Koda builds for journalists, field researchers, working photographers, and anyone whose gear needs to keep up with a real schedule. Everything is designed around function first \u2014 materials are chosen for longevity, not trend, and every detail is there because it earns its place.",
"colors": [
{
"name": "Raw Copper",
"hex": "#B87334",
"role": "primary"
},
{
"name": "Midnight Teal",
"hex": "#0D3A3A",
"role": "secondary"
},
{
"name": "Raw Canvas",
"hex": "#EDE3D0",
"role": "background"
},
{
"name": "Charcoal",
"hex": "#242424",
"role": "text"
},
{
"name": "Dust",
"hex": "#A89880",
"role": "neutral"
},
{
"name": "Salt",
"hex": "#F8F4EE",
"role": "surface"
}
],
"fonts": {
"heading": "Space Grotesk",
"body": "Inter",
"mono": "IBM Plex Mono"
},
"voice": {
"tone": "Built-for-doing. We describe what things are made of and how they hold up \u2014 not how they make you feel. No lifestyle language, no hype. If a feature matters, say why. If it doesn't, cut it.",
"attributes": [
"Functional",
"Unvarnished",
"Precise",
"Earned confidence"
],
"do": [
"Lead with material and construction specifics: '500D Cordura face fabric with a DWR finish rated to 40 wash cycles.'",
"Describe use cases concretely: 'fits a 15\" laptop, one day's worth of gear, and a water bottle without forcing the zipper.'",
"Use plain comparisons: 'heavier than a daypack, lighter than a full frame kit bag.'",
"Let durability claims reference specific tests or conditions: 'stress-tested at -20\u00b0C and 95% humidity.'"
],
"dont": [
"Never say 'premium', 'luxury', 'elevated', or 'curated' \u2014 show what makes it good, don't label it.",
"No lifestyle copy: ban 'adventure', 'journey', 'the path ahead', or anything implying a mood board.",
"Don't use passive voice for product claims: not 'is crafted with care' but 'we stitched the bar-tacks by hand at stress points.'",
"Never imply the product defines the user: Koda gear is a tool, not an identity."
]
},
"logo": {
"notes": "The Koda mark is a single geometric form: a stylized K constructed from two elements \u2014 a vertical bar and a chevron, the chevron referencing both the letter form and a topographic contour line. Set in Raw Copper (#B87334) on dark grounds, Midnight Teal (#0D3A3A) on light. The wordmark KODA GOODS uses Space Grotesk Medium in uppercase with slightly opened tracking. Mark and wordmark are always separated by a fixed clear space equal to the cap height of the wordmark. Never enclose the mark in a shape or badge.",
"assets": {}
},
"access": {
"mode": "public"
}
}