Brand Guidelines · 01

Beautiful forms
that convert.

Maxforms empowers creators to build beautiful, multi-step forms that transform complex data collection into intuitive conversations. This document is the reference for how the brand is built, written, and shown.

Maxforms logo
The Mark
02 — Overview

Our personality

Four traits guide every decision — from a button's hover state to the way we describe a feature in a tweet.

01

Innovative

Pushing the boundaries of what forms can do.

02

Approachable

Complex features made simple and intuitive.

03

Reliable

Trusted by teams who depend on data collection.

04

Modern

Always evolving with the latest design standards.

04 — Color

Palette

Indigo leads. Violet supports. A long neutral ramp does the heavy lifting.

Click any swatch to copy the hex.

Primary — Indigo

primary/50 → primary/900
#EEF2FF
copied
/50
#E0E7FF
copied
/100
#C7D2FE
copied
/200
#A5B4FC
copied
/300
#818CF8
copied
/400
#6366F1
copied
/500
#4F46E5
copied
/600
#4338CA
copied
/700
#3730A3
copied
/800
#312E81
copied
/900

Secondary — Violet

secondary/50 → secondary/900
#F5F3FF
copied
/50
#EDE9FE
copied
/100
#DDD6FE
copied
/200
#C4B5FD
copied
/300
#A78BFA
copied
/400
#8B5CF6
copied
/500
#7C3AED
copied
/600
#6D28D9
copied
/700
#5B21B6
copied
/800
#4C1D95
copied
/900

Neutral

neutral/0 → neutral/900
#FFFFFF
copied
/0
#F9FAFB
copied
/50
#F3F4F6
copied
/100
#E5E7EB
copied
/200
#D1D5DB
copied
/300
#9CA3AF
copied
/400
#6B7280
copied
/500
#4B5563
copied
/600
#374151
copied
/700
#1F2937
copied
/800

Semantic

feedback & status
Success
#10B981
copied
Warning
#F59E0B
copied
Error
#EF4444
copied
Info
#3B82F6
copied
05 — Typography

Plus Jakarta Sans

One typeface, eight roles. Plus Jakarta Sans gives us a contemporary geometric voice that scales from a 14 px label to a 96 px hero without losing personality.

Available free from Google Fonts.

Specimen
Aa
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
UPPERCASE
ABCDEFGHIJKLMNOPQRSTUVWXYZ
lowercase
abcdefghijklmnopqrstuvwxyz
NUMERALS
0123456789
PUNCTUATION
. , : ; ! ? — — ( ) " ' / & @
Display
48px · Bold · -2% tracking
The quick brown fox jumps over the lazy dog
H1
36px · Bold · -2% tracking
The quick brown fox jumps over the lazy dog
H2
28px · SemiBold · -1% tracking
The quick brown fox jumps over the lazy dog
H3
22px · SemiBold
The quick brown fox jumps over the lazy dog
H4
18px · SemiBold
The quick brown fox jumps over the lazy dog
Body / Large
18px · Regular · 160% line-height
The quick brown fox jumps over the lazy dog
Body / Base
16px · Regular · 150% line-height
The quick brown fox jumps over the lazy dog
Body / Small
14px · Regular · 150% line-height
The quick brown fox jumps over the lazy dog
06 — Voice

How we sound

DO

"Build a form in minutes. Watch responses roll in."

Plain. Active. Outcome-led.

DON'T

"Leverage our solution to streamline data acquisition workflows."

Corporate. Hedged. Empty.

DO

"You're done. We saved your draft."

Reassuring. Direct. Human.

DON'T

"Submission successfully persisted to the data store."

Technical jargon for a human moment.

07 — Applications

In the wild

The brand applied across the surfaces it most frequently lives on.

Social avatar
Profile pictures, team avatars
maxforms
Beautiful forms that convert.
Social cover
LinkedIn, X header images · 1500×500
maxforms
Jane Smith
Product Designer
jane@maxforms.com
+1 (555) 123-4567
Business card · front
Standard 3.5 × 2 in
Business card · back
Reversed, mark-only
Jane Smith
Product Designer at Maxforms
+1 (555) 123-4567
Email signature
For email clients · HTML signature
16×16
32×32
64×64

Browser tabs, bookmarks, app icons.

Favicons
Three master sizes
08 — Assets

Downloads

Logo files attached to this guideline, properly cropped and ready to drop in.

PNG
Primary mark · transparent PNG
logo-primary.png · 512×512
attached
PNG
Motion variant · transparent PNG
logo-tilted.png · 512×512
attached
PNG
Muted / watermark · transparent PNG
logo-light.png · 512×512
attached
PNG
With drop shadow · PNG
logo-shadow.png · 512×512
attached
PNG
Favicon · 16×16
favicon-16.png · 16×16
attached
PNG
Favicon · 32×32
favicon-32.png · 32×32
attached
PNG
Favicon · 64×64
favicon-64.png · 64×64
attached

For SVG masters, vendor lockups, or print-ready files, contact brand@maxforms.com.