fifth door.json
Fifth Door Brand Identity
A complete profile of Fifth Door's visual system — colors, typography, components, and personality.
Quick Facts
| Field | Value |
|---|---|
| Primary | #D97757 |
| Accent | #074030 |
| Body Font | Instrument Sans |
| Heading Font | Bricolage Grotesque |
Color Palette
- primary: #D97757
- secondary: #E85D3F
- accent: #074030
- background: #FFFFFF
- textPrimary: #074030
- link: #074030
Typography
- primary: Instrument Sans — Instrument Sans
- heading: Bricolage Grotesque — Bricolage Grotesque
Visual Assets
- Logo:
- Favicon: .png)
- Social card (og:image):
UI Components
- buttonPrimary: background=#FFFFFF, textColor=#074030, borderRadius=9999px, shadow=none
- buttonSecondary: background=transparent, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=9999px, shadow=none
Brand Personality
Tone: modern · Energy: medium · Audience: tech-savvy individuals interested in early access to innovative products
Fifth Door Brand in the Wild
- Fifth Door
- Image:
- Source: Fifth Door
- Fifth Door
- Image:
- Source: Fifth Door
- Fifth Door
- Image:
- Source: Fifth Door
- Fifth Door
- Image:
- Source: Fifth Door
- Fifth Door
- Image:
- Source: Fifth Door
- Fifth Door
- Image:
- Source: Fifth Door
Working with these fonts
Not found on Google Fonts? Here are some instructions to follow if you have permission to use the fonts:
- Open the company's homepage in a browser with DevTools open.
- In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
- Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
- For each captured font URL: right-click → Save As to download the file locally.
- View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each
src: url(...)to point to your local file path.
Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.