Flow Club Brand Identity

A complete profile of Flow Club's visual system — colors, typography, components, and personality — extracted from https://www.flow.club/. Built for designers, agents, and AI tools.

• Page: https://characterquilt.com/branding/flow-club
• Machine-readable JSON: https://characterquilt.com/branding/flow-club.json
• Per-page llms.txt: https://characterquilt.com/branding/flow-club/llms.txt

Quick Facts

Color Palette

• primary: #091454
• secondary: #EFF3FF
• accent: #091454
• background: #FFFFFF
• textPrimary: #081158
• link: #081158

Typography

• primary: Sato — https://fonts.google.com/specimen/Sato
• heading: Red Hat Display — https://fonts.google.com/specimen/Red+Hat+Display

Visual Assets

• Logo: https://cdn.prod.website-files.com/602c0d03c082d985980c0fdd/63c0cabbf341f3128e97c672_Flow%20Club.svg
• Favicon: https://cdn.prod.website-files.com/602c0d03c082d985980c0fdd/6447163a84e969b07c173dbc_flowclub.ico.png
• Social card (og:image): https://cdn.prod.website-files.com/602c0d03c082d985980c0fdd/6035d655c140397c4e344431_Facebook%20post%20-%201.png

UI Components

• buttonPrimary: background=#091454, textColor=#FFFFFF, borderColor=#081158, borderRadius=8px, shadow=none
• buttonSecondary: background=#CFDDEE, textColor=#081158, borderColor=#081158, borderRadius=8px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: professionals seeking productivity

Flow Club Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Body Doubling for ADHD: Everything You Need to Know - Flow Club
  • Image: https://cdn.prod.website-files.com/602c0d03bd652c0e03a1fc16/656321a89f12984b6d6f2d12_DopaminergicResponse.webp
  • Source: https://www.flow.club/blog/body-doubling-adhd
• Sal Geere on Flow Club
  • Image: https://storage.googleapis.com/flowclub-static/images/hosts/sal--NMUXbGB26JYXhO53IWmzaBAfwMc2--1710850055772.jpg
  • Source: https://vip.flow.club/host/sal
• Flow Club Blog
  • Image: https://cdn.prod.website-files.com/602c0d03bd652c0e03a1fc16/67c8d26b77055e99050405b8_blog%20pic.jpg
  • Source: https://www.flow.club/blog
• How to Be a Great Accountability Partner - Flow Club
  • Image: https://cdn.prod.website-files.com/602c0d03bd652c0e03a1fc16/657caf7f16ad0ff70f85bde7_hannah-busing-Zyx1bK9mqmA-unsplash.jpg
  • Source: https://www.flow.club/blog/accountability-partner
• Flow Club Blog
  • Image: https://cdn.prod.website-files.com/602c0d03bd652c0e03a1fc16/677f1b1c6db1c086eaec170a_corinne-kutz-tMI2_-r5Nfo-unsplash.jpg
  • Source: https://www.flow.club/blog
• Body Doubling for ADHD: Everything You Need to Know - Flow Club
  • Image: https://cdn.prod.website-files.com/602c0d03bd652c0e03a1fc16/656321ea80f3c207d76c276f_MirrorNeurons%20(1).webp
  • Source: https://www.flow.club/blog/body-doubling-adhd

Working with these fonts

Not found on Google Fonts? Follow these steps if you have permission to use the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and navigate around to ensure all weights are loaded.
4. Right-click on captured font URLs to download them locally.
5. Copy matching @font-face declarations from the CSS to point to your local files.

Programmatic option: use tools to listen for font responses and save to disk.