Brand System — Direction 02

Liquid Glass

Complexio Design Language

A brand system built on translucent layers, frosted depth, and the interplay of geometric precision with typographic warmth. Where enterprise intelligence meets refined design.

Why Manrope Needs
a Partner

Manrope is exceptional. Clean, geometric, highly legible. But a brand that speaks only in one typographic voice is a brand that whispers when it should command.

Manrope Only

Transforming Enterprise Operations

AI-powered automation that reduces processing time by 94% across shipping, insurance, and energy sectors. Built for the complexity of global operations.

Clean. Functional. But flat — headline and body compete at the same pitch.
Playfair + Manrope

Transforming Enterprise Operations

AI-powered automation that reduces processing time by 94% across shipping, insurance, and energy sectors. Built for the complexity of global operations.

Instant hierarchy. The serif commands, the sans informs. Two voices, one message.
01

Visual Hierarchy Without Shouting

A bold sans headline and a regular sans body differ only in weight. A serif headline against a sans body differ in fundamental character. The eye separates them instantly, no extra size or weight needed. Your content structures itself.

02

Tech Credibility + Executive Authority

Manrope alone reads as a tech startup. Add Playfair Display and you read as a technology company that sits in boardrooms. The serif signals maturity, permanence, and trust — exactly what enterprise buyers need from an AI vendor.

03

Glass Needs Warmth

Against dark, translucent glass backgrounds, geometric sans-serifs can feel cold and clinical. Playfair's high-contrast strokes and elegant serifs inject warmth and luxury — a high-fashion-meets-technology sensibility that elevates the entire aesthetic.

Aa Playfair Display — Use For

  • Hero headlines and page titles
  • Section headings and feature names
  • Key statistics and metric numbers
  • Pull quotes and testimonials
  • Presentation slide titles
  • Product names and edition labels
  • Email subject lines and report titles

Aa Manrope — Use For

  • Body text and paragraphs
  • Navigation and menu items
  • Buttons, labels, and CTAs
  • Data tables and interface text
  • Form fields and input labels
  • Captions, footnotes, and metadata
  • Dashboard UI and product interfaces

The Principle

Geometric sans for precision and interface. Serif for warmth and authority. Together, they create a brand that is both engineered and eloquent.

Live Demo — Both Fonts Working Together

Intelligence, Refined

Our AI platform processes millions of complex documents across global supply chains, extracting insights that transform how enterprises operate. From bill of lading to claims settlement to energy trading.
94%
Faster Processing
2.4M
Documents Monthly
40+
Enterprise Clients

The Glass Palette

Deep backgrounds, frosted surfaces, and strategic color accents that glow against the dark. Every color earns its place.

Complexio Red
#FA4A34
Deep Navy
#0A0E1A
Navy
#101729
Navy Light
#1A2340
Frost Glass
rgba(255,255,255,0.06)

Accent & Glow Colors

Used sparingly for emphasis, data visualization, and industry differentiation.

Accent Blue
#4A9EFF
Accent Cyan
#00D4AA
Accent Violet
#8B5CF6
Brand Glow
rgba(250,74,52,0.4)
Text Primary
rgba(255,255,255,0.95)
Text Secondary
rgba(255,255,255,0.65)
Text Tertiary
rgba(255,255,255,0.4)
Brand Gradient Deep Navy → Brand Red → Violet → Blue
Glass Surface Gradient Frost ramp for panel backgrounds

Typography Scale

A complete scale for both typefaces, calibrated for glass backgrounds and high-contrast readability.

Playfair Display

72px / Regular
Display Hero
Liquid Glass
56px / Regular
Page Title
Enterprise Intelligence
48px / Regular
Section Title
Transforming Operations
36px / Medium
Feature Title
Document Processing
28px / Medium
Card Title
Intelligent Automation
22px / Medium
Subheading
Real-Time Data Extraction
48px / Regular Italic
Emphasis / Accent
Refined

Manrope

20px / ExtraBold
Logo / Brand Mark
complexio
17px / Regular
Body Large
AI-powered automation that transforms how global enterprises process complex documents and data across supply chains.
15px / Regular
Body
Our platform integrates seamlessly with existing enterprise systems, providing real-time insights and automated workflows.
14px / SemiBold
Button / CTA
Schedule a Demo →
13px / Medium
Navigation
Platform    Solutions    Industries    Company    Contact
12px / SemiBold
Badge / Tag
Shipping   Insurance   Energy
11px / Bold
Overline / Label
Our Platform

Glass Components

Every interface element inherits the translucent, layered quality of the Liquid Glass system. Frosted surfaces, subtle borders, ambient glow.

Navigation Bar
Buttons
Badges & Tags
AI Automation Shipping Insurance
Energy Default
Form Inputs
Stat Card
94%
Accuracy
2.4M
Documents
Feature Cards
AI

Intelligent Extraction

Our AI reads and understands complex documents the way a human expert would, but at machine speed.

ML

Adaptive Learning

Models that continuously improve from your data, getting smarter with every document processed.

API

Seamless Integration

Enterprise-grade APIs that slot into your existing tech stack without disrupting operations.

Glass Panel with Content
Case Study

How a Global Insurer Cut Claims Processing from 14 Days to 4 Hours

Complexio's AI platform automated the extraction and validation of complex insurance claims documentation across 12 countries and 8 languages.

97%
Accuracy
14x
Faster

The Glass Ribbon

Complexio's ribbon motif reimagined as translucent, flowing glass forms. Ribbons represent the threads of data and process that Complexio weaves together.

Data Flows Like Light
Through Glass

Translucent ribbons drift across surfaces, representing the continuous flow of information that Complexio orchestrates across global enterprises.

Translucent, Never Opaque

Ribbons always maintain transparency. They layer over content, adding depth without obscuring. Opacity ranges from 3% to 15% depending on prominence.

Gradient Coloring

Ribbons fade from transparent to a subtle color tint and back. Use brand red for primary ribbons, accent colors for secondary. Always gradient, never flat.

Subtle Border Edge

A single semi-transparent border on the top or bottom edge defines the ribbon's form. This catches light and creates the glass-like quality. Keep borders under 10% opacity.

Gentle Motion

In digital contexts, ribbons drift slowly and subtly. Movement should be barely perceptible — meditative, not distracting. Think breathing, not bouncing.

Layered Depth

Use 2–4 ribbons at different angles, sizes, and opacities to create a sense of spatial depth. Larger, more transparent ribbons sit behind; smaller, slightly more visible ones sit in front.

Rounded, Wide Forms

Ribbons have extreme border-radius creating soft, organic shapes. They are always much wider than they are tall, reinforcing the horizontal flow metaphor.

Tone & Voice

The Liquid Glass direction shapes not just how we look, but how we speak. Every word should feel as considered as every pixel.

Futuristic

We speak from the near future, not science fiction. Grounded in real capability but framed with forward momentum. We don't predict the future — we're building it, and you can see through to what's coming.

Premium

Enterprise-grade language with executive resonance. No startup hyperbole, no casual slang. We address decision-makers who expect sophistication. Every sentence earns its place, like light through glass — nothing extraneous.

Innovative

We lead with what's genuinely new, not with buzzwords. Innovation is shown through specific capability, not claimed through adjectives. The technology speaks; we translate it for humans.

Refined

Precision in every word choice. We edit ruthlessly. Short sentences when impact matters, longer ones when nuance requires it. Like the glass aesthetic itself: layered, but never cluttered.

In Practice

Avoid

"Our amazing AI platform uses cutting-edge machine learning to disrupt the shipping industry and revolutionize how companies handle their documents!"

Prefer

"Complexio's AI reads a bill of lading in 1.2 seconds, cross-references it against 40 data points, and flags discrepancies before they become delays. Processing time drops 94%."

Avoid

"We're super excited to announce our brand new feature that's going to be a total game-changer for insurance companies everywhere."

Prefer

"Introducing automated claims triage. Our latest capability analyses incoming claims documentation, classifies complexity, and routes to the right team — reducing initial processing from hours to minutes."

Avoid

"Complexio leverages synergistic AI capabilities to provide end-to-end digital transformation solutions for the energy sector."

Prefer

"Energy traders manage thousands of contracts daily. Complexio extracts, validates, and reconciles contract data automatically — eliminating the manual work that slows trading desks."

Industry Application

How Complexio's three core industries are presented within the Liquid Glass system. Each sector gets its own accent identity while sharing the unified brand language.

Shipping

Accent: Blue. Evoking ocean depth and the clarity of digital navigation. Glass panels with subtle blue glow edges.

  • Bill of lading processing
  • Port documentation automation
  • Customs compliance verification
  • Container tracking intelligence

Insurance

Accent: Violet. Conveying trust, sophistication, and the analytical depth of underwriting. Deeper glass tones.

  • Claims document extraction
  • Policy comparison automation
  • Risk assessment data processing
  • Regulatory compliance checks

Energy

Accent: Cyan. Representing the flow of energy, sustainability, and forward-looking innovation. Bright glass edges.

  • Contract data extraction
  • Trading document processing
  • Regulatory filing automation
  • Asset documentation management
Sample Industry Hero Section
Shipping Intelligence

Every Vessel. Every Document.
Every Decision, Accelerated.

Complexio processes millions of maritime documents monthly, transforming bills of lading, customs declarations, and port documentation into structured, actionable data.

Insurance Intelligence

Claims Processing,
Reimagined

From first notice of loss to settlement. AI that reads, understands, and processes insurance documentation with human-level comprehension at machine speed.

14x
Faster Triage
99.2%
Data Accuracy
8
Languages