culdesac.json
Culdesac Brand Identity
A complete profile of Culdesac's visual system — colors, typography, components, and personality — extracted from http://culdesac.com. Built for designers, agents, and AI tools.
Quick Facts
| Field | Value |
|---|---|
| Primary | #5AA9A7 |
| Accent | #E75550 |
| Body Font | Roboto Slab |
| Heading Font | GT Pressura Extended |
Color Palette
- primary: #5AA9A7
- secondary: #7288D4
- accent: #E75550
- background: #F7F3F0
- textPrimary: #231F20
- link: #E75550
Typography
- primary: Roboto Slab — https://fonts.google.com/specimen/Roboto+Slab
- heading: GT Pressura Extended — https://fonts.google.com/specimen/GT+Pressura+Extended
Visual Assets
- Logo: https://culdesac.com/static/935aaab657d9081eda885d3442c69206/culdesac-logo-full.svg
- Favicon: https://culdesac.com/favicon-32x32.png?v=d2008358591dda1718fb9f5cae127d6a
- Social card (og:image): https://culdesac.com/images/culdesac_site_preview_image.png
UI Components
- buttonPrimary: background=#E1DCD6, textColor=#212121, borderColor=#212121, borderRadius=9999px, shadow=none
- buttonSecondary: background=#231F20, textColor=#F7F3F0, borderRadius=9999px, shadow=none
Brand Personality
Tone: modern · Energy: medium · Audience: urban dwellers interested in sustainable living
Culdesac Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.
- Walkable communities connecting neighbors, local businesses, and all that cities have to offer | Culdesac
- Image:
- Source: https://culdesac.com/
- Culdesac | We deserve better than empty parking lots
- Image: .png)
- Source: https://culdesac.com/blog/post/we-deserve-better-than-empty-parking-lots
- Culdesac | Culdesac Tempe: Designed for Everyone
- Culdesac | Anatomy of a Good Neighborhood, According to Jane Jacobs
- Culdesac | Let's Keep Building! February 2022
- Image: %20(1).jpg)
- Source: https://culdesac.com/blog/post/lets-keep-building-february-2022
- Around the Culdesac
- Image:
- Source: https://culdesac.com/blog
Working with these fonts
Not found on Google Fonts? Instructions 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".
- Hard-reload the page and click around (pricing, blog, careers).
- For each captured font URL: right-click → Save As to download the file locally.
- View the page's CSS and copy out @font-face declarations.
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{
"family": "GT Pressura Extended",
"role": "heading"
},
{
"family": "Roboto Slab",
"role": "body"
}
],
"colors": {
"primary": "#5AA9A7",
"secondary": "#7288D4",
"accent": "#E75550",
"background": "#F7F3F0",
"textPrimary": "#231F20",
"link": "#E75550"
}
}