bristle.json
Bristle Brand Identity
A complete profile of Bristle's visual system — colors, typography, components, and personality — extracted from https://bristlehealth.com/. Built for designers, agents, and AI tools.
- Page: https://characterquilt.com/branding/bristle
- Machine-readable JSON: https://characterquilt.com/branding/bristle.json
- Per-page llms.txt: https://characterquilt.com/branding/bristle/llms.txt
Quick Facts
| Field | Value |
|---|---|
| Primary | #2458FF |
| Accent | #F75F37 |
| Body Font | Aeonik |
| Heading Font | Aeonik |
Color Palette
- primary: #2458FF
- secondary: #FEDFC3
- accent: #F75F37
- background: #FFFFFF
- textPrimary: #303030
- link: #F75F37
Typography
- primary: Aeonik — https://fonts.google.com/specimen/Aeonik
- heading: Aeonik — https://fonts.google.com/specimen/Aeonik
Visual Assets
- Logo: https://www.bristlehealth.com/cdn/shop/files/bristle.svg?v=1741646680&width=200
- Favicon: https://www.bristlehealth.com/cdn/shop/files/Bristle_Logo_C_C_avatar.png?crop=center&height=32&v=1675981195&width=32
- Social card (og:image): http://www.bristlehealth.com/cdn/shop/files/Group_279493_78d9fe44-a5e3-415a-a7c0-9c25726cfa89.jpg?v=1682616280
UI Components
- input: background=#FFFFFF, textColor=#303030, borderColor=#CBC9C5, borderRadius=10px, shadow=none
- buttonPrimary: background=#2458FF, textColor=#2458FF, borderColor=#2458FF, borderRadius=100px, shadow=none
- buttonSecondary: background=#303030, textColor=#FFFFFF, borderRadius=100px, shadow=none
Brand Personality
Tone: modern · Energy: medium · Audience: health-conscious individuals
Bristle Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.
- Reddit AMA with Bristle Founders
- Bristle research - Blog
- Image: https://www.bristlehealth.com/cdn/shop/articles/DALL_E_2023-11-10_11.20.15_-_Imagine_a_child_s_playroom_filled_with_unique_toys_that_resemble_bacteria._The_room_is_brightly_lit_and_cheerful_with_colorful_walls_and_a_soft_carpe_940x940.png?v=1699640672
- Source: https://www.bristlehealth.com/pages/bristle-research-blog?srsltid=AfmBOoq96QgdDGD0Kb2euxF-zNlyGp17L6zKk3bmJ2N-j-vAY4V-0CZ0
- Sample Collection Timing Guide
- Image: https://www.notion.so/image/https:%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa525eb4-bf89-49a1-b0f9-020b5b5f0096%2Ff7629e69-39d0-4966-a4b9-6df1ad389268%2Ficons8-team-dhZtNlvNE8M-unsplash.jpg?table=block&id=b0c7c980-6297-4ed9-a5b1-08be56285d4d&cache=v2
- Source: https://careproviders.bristlehealth.com/sample-collection-timing-guide
- SPIT! What Your Mouth Microbes Say About Your Health – Bristle
- Provider Sample Report – Bristle
- The Oral Microbiome Revolution – Bristle
Working with these fonts
Not found on Google Fonts?
CharacterQuilt.com suggests this flow that can help:
- 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.
Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.
Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.