Branding kit · demo
Flint Path K9
Mark, lockup, favicon, palette, and type for this fictional client — each demo gets its own visual system.
Logos
Leather patch mark — paw and winding flint path in highlight #cd5a1c.
Wide embroidered name-tape with the mark inset, FLINT PATH K9, and CLEAR CUES · CALM DOGS.
Favicon
A favicon is the tiny icon in your browser tab — next to the page title, and often in bookmarks and phone home-screen shortcuts. Most people never say the word; they just recognize “your site” from that little mark.
It does not have to match the full logo mark pixel-for-pixel. Marks can be too detailed to read at 16×16. A good favicon keeps the intent of the brand (hall seal, shield, paw, frame, book) in a simple shape that still looks clear when it’s smaller than a fingernail.
Mock browser tab — the small icon is the favicon.
32×32 PNG — designed to stay readable at tab size (about 16×16).
Colors
Hex values from this demo’s palette — each role is intentional for the vertical.
- Flint highlight
#cd5a1cCTAs, calendar accents, logo paw/path (#cd5a1c). - Burnt deep
#9a4012Hover / pressed states (#9a4012). - Yard night
#0f1418Program void (#0f1418). - Gear slate
#1a232aClass cards (#1a232a). - Mist ink
#e8f2f0Titles (#e8f2f0). - Fog muted
#9bb0aaLevel and blurb lines (#9bb0aa).
Type
Flint Path K9
Display
Barlow Condensed — trainer program display.
Clear cues · Calm dogs. Fictional dog-training school with class board, calendar, and about.
Body
Karla — clear class descriptions.
Hero image
Training lane / working dog atmosphere — classes first.