Design System
Brand Guidelines and Usage.
This identity defines Fluxsy Operations' layout consistency, visual vocabulary, and core mathematical voice. Ensure these parameters are strictly respected across digital, print, and dynamic software implementations.
1. Brand Identity & Voice
Fluxsy represents the intersection of biological precision and high-performance monetization architectures. Our voice is authoritative, objective, statistical, and mathematically disciplined. We avoid marketing hyperbole or self-praise, letting analytical outcomes speak for themselves.
Voice Directive:"Use quantitative data, absolute metrics, and precise optimization intervals. Do not promise sudden miracles; model compounding system growth variables clearly."
2. Typography Hierarchy
We leverage an intentional pairing of display typography, clear functional sans, and technical monospace fonts:
Display
Bricolage Grotesque.font-displayHeadings, hero titles, prominent numbers. Tight tracking, heavy weight.
Sans
Hanken Grotesk.font-sansBody copy, lead paragraphs, analytical commentary, interface labels.
Mono
IBM Plex Mono.font-monoEyebrows, statistics, coordinates, data pipelines, file scopes. Always uppercase, 0.14em tracking.
Quote
Literata.font-quotePull-quotes and testimonial attribution. Italic, serif, used sparingly.
3. The Color Palette
Every colour ships as a themed token. Use the utility class — it resolves to the correct value in both modes automatically. Never paste the hex into a component.
Peach Glow (Primary Accent)
peach-glow- dark
- #FF9BB5
- light
- #BE123C
Primary CTAs, interactive elements, high-leverage highlights, the rotated headline chip.
Cyan Beam (Technical / Marketing)
cyan-beam- dark
- #00F0FF
- light
- #00767F
Signal + telemetry language, metric numbers, data streams, Marketing Ops mode.
Lavender Beam (Sales / RevOps)
lavender-beam- dark
- #E6C8FF
- light
- #8439CE
Sales Ops mode, pipeline and RevOps surfaces, tertiary emphasis.
Surface Void (Base Canvas)
surface-void- dark
- #0A0A0A
- light
- #FAF8F5
Page canvas and deep containers. The negative space the whole system sits on.
Surface (Raised Panels)
surface- dark
- #171717
- light
- #FFFFFF
Cards, panels, modals — anything lifted off the canvas.
On Surface (Ink)
on-surface- dark
- #ECEAEA
- light
- #1E1A16
Headings and body copy. Never hardcode text-white — it is invisible in light mode.
On Surface Variant (Muted)
on-surface-variant- dark
- #9A9A9A
- light
- #3A3530
Lead paragraphs, secondary copy, captions.
4. Logo Clearspace & Placement
The FLUXSY logo wordmark and visual identity marks must be isolated on a minimum margin of clearspace equaling 50% of the key mark's radius.
- • Always maintain high contrast. Use light assets on dark canvases, and dark assets on light canvases.
- • Never warp, stretch, or apply low-quality secondary drop shadows or glows.
- • Avoid custom colors outside of the primary palette highlights.
Legacy Signature (Old)Deprecated
Previously approved signature asset alignment. Not for use in new layout designs, marketing networks, or digital properties after June 2026.
Production Signatures (New)Active standard
On Dark / Void Surfaces
On Light / Pure Surfaces
Official high-efficiency production marks optimized for modern display systems, supporting dynamic responsive layouts in web and print.
Compounding Growth Insights
Growth & Retrieval Intelligence
We document strict performance blueprints, privacy-centric analytics, and pricing structures directly linked to conversions.Highly recommended read for this page: Signal & Inertia