Brand Assets

Everything you need to represent FlowCMS accurately. Download logos, reference our color palette, and follow usage guidelines to maintain consistency.

Logo Variations

Use the appropriate version based on your background. Always maintain clear space around the logo.

FlowCMS

Primary (Light Background)

FlowCMS

Primary (Dark Background)

FlowCMS

Stacked / Favicon

FlowCMS

Monochrome

Color Palette

Click any swatch to copy the HEX code. Use these colors consistently across all touchpoints.

Primary
#6C3AED
Copied!
Primary Light
#8B5CF6
Copied!
Accent Cyan
#06B6D4
Copied!
Success
#10B981
Copied!
Dark
#0F172A
Copied!
Gray 500
#64748B
Copied!
Gray 100
#F1F5F9
Copied!
White
#FFFFFF
Copied!

Type System

We use Inter for all digital interfaces. Maintain the hierarchy below for maximum readability.

Font Families

Primary / UI
Inter Variable
Code / Monospace
Fira Code / JetBrains Mono

Load Inter via Google Fonts or local variable font. Use weights 400, 500, 600, 700, 800.

Type Scale

H1 - 2.5rem / 800

Display Heading

H2 - 2rem / 700

Section Heading

H3 - 1.5rem / 600

Subheading

Body - 1rem / 400
Default paragraph text for readable content blocks.
Caption - 0.8rem / 500
Metadata, timestamps, and helper text.

Do's & Don'ts

Keep the brand consistent. Follow these rules when using FlowCMS assets.

Use Approved Colors

Always use colors from the official palette. Maintain contrast ratios of 4.5:1 for accessibility.

Maintain Clear Space

Keep a minimum padding equal to the height of the lightning bolt icon around the logo.

Don't Stretch or Distort

Never scale the logo non-uniformly. Keep aspect ratio locked at 16:4 for horizontal mark.

Don't Add Effects

Avoid drop shadows, gradients, strokes, or transparency effects on the logo or brand colors.

Use SVGs for Digital

Always use scalable vector formats for web, app, and presentation materials.

Don't Change Typography

Stick to Inter for all UI text. Custom font substitutions require brand team approval.

Asset copied to clipboard!