Brand kit · v1.1

FlowAxis.ai

The official visual identity system. Logo, colors, typography and usage rules: the single source for preserving brand consistency everywhere.

DirectionT5 · F∫A + FlowAxis signature

ReleasedJune 2026

EntityStemJee · FlowAxis

01, Primary logo

The signature

The complete logo: the F∫A symbol set next to the word FlowAxis in Manrope, "Flow" in navy and "Axis" in terracotta. This is the default version to use.

The ∫ (integral) is not a slash: it's the mathematical symbol for integration. It evokes continuity, flow and the sum of parts at the heart of FlowAxis. It's the distinctive element to preserve.

02, Variations

The official versions

Each version exists as a vector SVG and as a PNG (2400px, transparent background), ready to use. Four colorways per layout: primary, dark background, white and monochrome.

Horizontal signature

Primarytransparent

Dark backgroundnavy

Whitephoto / dark

Stacked signature

Primarytransparent

Dark backgroundnavy

Whitephoto / dark

Logotype & symbol

Logotypeword only

F∫A symbolprimary

Symbolnavy

Monochromesingle color

Icons & avatars

Cream squarelight background

Faviconrounded square

Avatarcircle

∫ iconsignature alone

03, Space & sizes

Breathing room & legibility

Clear space

Keep clear space around the signature equal to at least the width of the ∫. Nothing (text, image, edge) should intrude into that zone.

Minimum sizes

Below 24px tall the full signature becomes unreadable: switch to the F∫A symbol, then to the favicon for the smallest sizes.

Signature, min 24px

Symbol, min 20px

Favicon, 16px

04, Colors

Palette

Aligned with the FlowAxis site. Navy and terracotta carry the brand, warm neutrals provide structure.

Navy

Text, dark backgrounds

HEX #0F1B2DRGB 15 · 27 · 45

Terracotta

Signature accent, CTA

HEX #C2410CRGB 194 · 65 · 12

Deep terracotta

Hover, links

HEX #A7380ARGB 167 · 56 · 10

Steel

Cool accent, secondary

HEX #3B5A7ARGB 59 · 90 · 122

Cream

Main background

HEX #FAF8F5RGB 250 · 248 · 245

Sand

Cards, separators

HEX #E8E4DDRGB 232 · 228 · 221

Slate

Secondary text

HEX #4A5568RGB 74 · 85 · 104

Green

Success / active

HEX #10B981RGB 16 · 185 · 129

05, Typography

Fonts

The site's typographic system: a single primary family, clear and modern, plus a mono for data and captions.

Manrope

AaBbCcDdEe · 0123456789 · FlowAxis.ai

Role
Headlines, interface, body copy

Weights
400 · 500 · 600 · 700 · 800

Google Fonts, Manrope

JetBrains Mono

DATA · CAPTIONS · 01, 99 · #C2410C

Role
Labels, data, technical captions

Weights
400 · 500

Google Fonts, JetBrains Mono

06, Usage

Do / Don't

✓ Use the official files, colors intact

✓ Dark version on navy background

✕ Don't stretch or distort

✕ Don't place on a color outside the palette

07, Downloads

Get the files

All logos are standalone vector SVGs (no font required), each with a matching 2400px transparent PNG. Click a filename to download the SVG.

File	Usage
flowaxis-lockup-h.svg	Horizontal signature, default (light background)
flowaxis-lockup-h-marine.svg	Horizontal signature, navy background
flowaxis-lockup-h-blanc.svg	Horizontal signature, white (photo / dark)
flowaxis-lockup-h-mono.svg	Horizontal signature, monochrome black
flowaxis-lockup-v.svg	Stacked signature (square / vertical formats)
flowaxis-lockup-v-marine.svg	Stacked signature, navy background
flowaxis-lockup-v-blanc.svg	Stacked signature, white (photo / dark)
flowaxis-lockup-v-mono.svg	Stacked signature, monochrome black
flowaxis-logotype.svg	Logotype only (the word FlowAxis), 4 colorways
flowaxis-logo-primaire.svg	F∫A symbol only, transparent background
flowaxis-logo-carre-creme.svg	Light background, square format
flowaxis-logo-marine.svg	Inverted on navy background
flowaxis-logo-blanc.svg	All white, photos / dark backgrounds
flowaxis-logo-mono-noir.svg	Single color monochrome
flowaxis-avatar-cercle.svg	Social media avatar (circle)
flowaxis-favicon.svg	Favicon / app icon (rounded square)
flowaxis-icone-integrale.svg	∫ signature alone