Pastoral, modern, and social-first
The system now borrows the clarity of X while keeping the tone recognizably Flockify.
The palette is flatter, the hierarchy is cleaner, and the logo rules are simpler. This page is the runtime source of truth for the brand as implemented in the app.
Canonical logo
Usage
- Use the canonical asset at public/brand/flockify-logo.svg.
- Render the logo in the primary muted blue on light surfaces.
- Render the logo in white on dark surfaces.
- Do not compose a separate text lockup in code or invent alternate marks.
Light theme
Muted blue on white with softer utility surfaces.
Background
--background
Card
--card
Primary
--primary
Accent
--accent
Foreground
--foreground
Dark theme
Deep surfaces, bright text, and the logo in white.
Background
--background
Card
--card
Primary
--primary
Accent
--accent
Foreground
--foreground
Typography
Interface clarity with a more deliberate editorial accent.
Sans
Inter carries interface copy, forms, and product utility.
Serif
Cormorant Garamond adds lift where the product needs voice and dignity.
Caps
Section labels and disciplined all-caps moments use Cormorant SC.
Mono
IBM Plex Mono remains available for timestamps, IDs, and technical metadata.
Interface posture
Less ornament, better scanning, and stronger platform familiarity.
Design rules
- Prefer cleaner boundaries and quieter shadows over decorative texture.
- Use serif moments sparingly for lift; keep utility and navigation in sans.
- Make public pages feel like part of the app, not a detached marketing site.
- Keep the experience readable on small screens before adding desktop flourish.
Primary action
Quiet surface
Accent