Brand System Proposal

Complexio

Paper / Editorial Direction
Brand Identity Typography System Design Language March 2026
Section 01

The Case for
Dual Typography

Manrope is excellent. But the best brands don't rely on a single voice. They create contrast, hierarchy, and emotional range through typographic pairing.


Current Manrope Only

Transforming Enterprise Operations

Complexio delivers AI-powered automation that reshapes how the world's largest companies operate, decide, and grow.

Clean and functional. But visually monotone -- the headline and body compete on the same register. Nothing signals "this is the important part."

Proposed Playfair + Manrope

Transforming Enterprise Operations

Complexio delivers AI-powered automation that reshapes how the world's largest companies operate, decide, and grow.

Instant hierarchy. The serif headline commands attention with editorial authority, while Manrope body text remains crisp and readable. Two voices, one brand.

See It in Action

Hero Headlines
Manrope alone
Intelligence at Scale
AI automation for global enterprise
Playfair + Manrope
Intelligence at Scale
AI automation for global enterprise
Section Titles
Manrope alone
Industries
Built for the World's Most Complex Operations
Playfair + Manrope
Industries
Built for the World's Most Complex Operations
Key Statistics
Manrope alone
94%
reduction in processing time
Playfair + Manrope
94%
reduction in processing time
"The fundamental principle of great typography is contrast. Sans-serif for clarity and function. Serif for gravitas and emotion. The interplay between them creates a brand that can whisper and command."
Typographic Design Principle

When to Use Each

Element Font Rationale Sample
Hero headlines Playfair Display Maximum impact, editorial authority Intelligence at Scale
Section titles Playfair Display Creates clear page rhythm Our Industries
Pull quotes Playfair Display Italic Stands apart from body copy A new standard
Key statistics Playfair Display Numbers gain weight and drama $2.4B
Body text Manrope Optimized for reading at length Complexio delivers AI-powered...
Navigation Manrope Clean, functional, scannable Solutions · Industries · About
Buttons & CTAs Manrope UI elements need precision Get Started
Labels & captions Manrope Small text, high legibility Case Study

Brands That Use Typographic Contrast

The world's most respected brands pair a sans-serif with a serif to create range and sophistication. This isn't decorative -- it's strategic.

Apple
SF Pro + New York. Function meets editorial.
Stripe
Custom sans + serif for whitepapers and impact.
McKinsey
Bower + sans-serif. Authority and clarity.
The Economist
Serif headlines, sans-serif UI. The gold standard.
Section 02

Color Palette

A restrained palette rooted in paper, ink, and a single powerful accent. The editorial direction demands chromatic discipline.


Complexio Red

#FA4A34
Primary accent. Used sparingly for maximum impact: CTAs, highlights, key data points, brand marks. Never used for large fills.

Ink

#1A1A1A
Primary text, headlines, dark backgrounds. The editorial anchor -- deep, warm black that avoids the harshness of pure #000.

Supporting Palette

Paper tones and neutrals that create the editorial atmosphere.

Paper
#F8F5F0
Primary background. Warm off-white that feels like fine paper.
Paper Warm
#F3EDE4
Secondary backgrounds, card fills, subtle emphasis areas.
Paper Deep
#EBE4D8
Borders, dividers, deeper background sections.
Cream
#FAF8F5
Lightest background. Cards on paper, subtle lift.
Ink Muted
#6B6B6B
Secondary text, captions, metadata, labels.
Charcoal
#2C2C2C
Dark section backgrounds, footer, nav hover.
Red Dark
#D93D2A
Hover/pressed state for primary red. Adds depth on interaction.
White
#FFFFFF
Cards, modals, content surfaces that need maximum contrast.

The editorial palette is deliberately restrained. Red is a scalpel, not a paintbrush. Paper tones do the heavy lifting, letting typography and content breathe.

Section 03

Typography Scale

The complete type hierarchy. Playfair Display for display and editorial moments. Manrope for everything functional.


Display / H1 Playfair Display
Bold, 72px
Line-height: 1.05
Letter-spacing: -0.02em
The Future of Enterprise
H2 Playfair Display
Bold, 56px
Line-height: 1.1
Letter-spacing: -0.01em
Intelligent Automation
H3 Playfair Display
SemiBold, 40px
Line-height: 1.15
Operational Excellence
H4 Manrope
Bold, 28px
Line-height: 1.25
AI-Powered Workflows
H5 Manrope
SemiBold, 20px
Line-height: 1.3
Document Intelligence at Scale
Overline Manrope
Bold, 11px
Uppercase, tracking 0.2em
Case Study — Global Shipping
Body Manrope
Regular, 16px
Line-height: 1.75
Complexio's AI platform processes millions of documents daily across shipping, insurance, and energy sectors. By combining advanced language models with domain-specific training, we deliver automation that understands context, nuance, and the real-world complexity of enterprise operations.
Small / UI Manrope
Regular, 13px
Line-height: 1.6
Processing time reduced from 4 hours to 12 minutes. Accuracy rate of 99.2% across all document types.
Caption Manrope
Medium, 11px
Line-height: 1.5
Fig. 1 -- Automation coverage across enterprise document workflows, Q4 2025.

Playfair Display Italic -- For Editorial Emphasis

Where complexity meets clarity
The italic weight adds a layer of refinement and human warmth. Use for pull quotes, emphasis within headlines, and editorial callouts.
Section 04

Components

Interface elements designed for the editorial direction. Every component reinforces the typographic hierarchy and paper-like quality.


Buttons
Navigation
Pull Quote
"Complexio didn't just automate our document processing -- it fundamentally changed how we think about operational intelligence."
-- Head of Operations, Global Shipping Corp
Statistics
94%
Reduction in Processing Time
2.4M
Documents Processed Monthly
$180M
Annual Cost Savings
Content Cards
Case Study

Maritime Document Intelligence

How a leading shipping company automated bills of lading processing with 99.4% accuracy.

Read More
Technology

The Architecture of Understanding

Inside Complexio's multi-modal AI engine and how it processes unstructured enterprise data.

Read More
Insight

Measuring Automation ROI

A framework for quantifying the real-world impact of intelligent document automation.

Read More
Section 05

Ribbon Language

Ribbons serve as the signature design element -- subtle, editorial, and versatile. They create visual rhythm, mark transitions, and add a layer of refined craft.


Accent Ribbon

Horizontal marker for section breaks and emphasis. Derives from the brand red, used to guide the eye.

Corner Frame

L-shaped ribbon for framing content blocks, images, and featured sections. Adds editorial structure.

Featured

Label Ribbon

Classic ribbon banner for tags, labels, and feature callouts. A nod to traditional publishing.

Ribbon as Structural Element

Vertical accent
A thin vertical ribbon marks the left edge of important content blocks, pull quotes, and highlighted sections.
Gradient fade
Ribbons that fade out create a sense of motion and continuity, connecting sections like a thread through the page.
Flowing ribbon motif -- used as section dividers and decorative elements
Section 06

Tone & Voice

The Paper / Editorial direction communicates through restraint, precision, and quiet authority. It doesn't shout -- it commands.


Intellectual

We respect our audience's intelligence. No jargon for jargon's sake, no oversimplification. Clear thinking, clearly expressed.

"Complexity isn't the enemy. Misunderstanding it is."

Authoritative

We speak with the confidence of deep expertise. Not arrogant, but assured. We've done the work; the results speak.

"99.2% accuracy isn't a target. It's our baseline."

Premium

Every word earns its place. We favour economy over excess. White space is as important as what fills it.

"Less noise. More signal."

Trustworthy

We deal with the world's most sensitive operations. Our tone reflects that responsibility: measured, reliable, transparent.

"Your data is sovereign. Our AI serves it, never the reverse."

Voice Positioning

Casual
Formal
Playful
Serious
Loud
Quiet
Technical
Accessible
Warm
Cool
Section 07

Industry Application

How the editorial direction adapts to Complexio's three core industries while maintaining brand cohesion.


Shipping

Bills of lading, manifests, customs declarations. The maritime industry's most complex documents, understood and processed at machine speed.

12min
Average document
processing time

Insurance

Claims processing, policy analysis, risk assessment. Turning mountains of unstructured data into clear, actionable intelligence.

99.2%
Document classification
accuracy

Energy

Contracts, compliance reports, operational logs. Powering the paperwork behind the power grid with intelligent automation.

$180M
Annual savings
for clients
  • Solutions
  • Industries
  • Case Studies
  • Company
Shipping Solutions

Navigating Complexity
at Global Scale

From port to port, document to document -- Complexio's AI understands the language of global trade and transforms it into operational clarity.

Hero Visual Area
Document processing visualization