flint.json
Flint Brand Identity
A complete profile of Flint's visual system — colors, typography, components, and personality — extracted from http://flintk12.com/. Built for designers, agents, and AI tools.
Quick Facts
| Field | Value |
|---|---|
| Primary | #0000EE |
| Accent | #FD5512 |
| Body Font | Inter |
| Heading Font | GT Super Text Book |
Color Palette
- primary: #0000EE
- secondary: #FFF6EC
- accent: #FD5512
- background: #FFFFFF
- textPrimary: #FD5512
- link: #FD5512
Typography
- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: GT Super Text Book — https://fonts.google.com/specimen/GT+Super+Text+Book
Visual Assets
- Logo: https://framerusercontent.com/images/3t12LvSmgLaDRnPsY7mc6ZT7p0.svg?width=984&height=266
- Favicon: https://framerusercontent.com/images/ifuLz0HKz6suWwDk7I1msPG8.png
- Social card (og:image): https://framerusercontent.com/assets/fKhmvS6m8bPLq3sLGvQeDsOoi0w.png
UI Components
- buttonPrimary: background=#FD5512, textColor=#0000EE, borderRadius=4px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#0000EE, borderRadius=4px, shadow=none
Brand Personality
Tone: modern · Energy: high · Audience: educators and schools
Flint Brand in the Wild
Real-world brand assets — ads, campaigns, marketing materials.
- Flint careers
- Image:
- Source: https://flintk12.com/careers
- The Flint blog
- Image:
- Source: https://flintk12.com/blog
- The Flint blog
- Image:
- Source: https://flintk12.com/blog
- Districts | Flint
- Image:
- Source: https://flintk12.com/districts
- The Flint blog
- Image:
- Source: https://flintk12.com/blog
- Flint Student Ambassador Program
- Image:
- Source: https://flintk12.com/student-ambassador
Working with these fonts
Not found on Google Fonts? Agent Instructions:
- 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 — 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 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.