Liberators AI

Brand Book

01 Logo & symbol 02 Clear space 03 Color 04 Color psychology 05 Typography 06 Iconography 07 Incorrect usage 08 Applications 09 Document system 10 Light sections 11 Buttons & CTAs 12 UI elements 13 Foundations 14 Voice 15 Messaging 16 Competitive positioning 17 Backgrounds 18 Mood

Developer access

CLI command

uvx --from git+https://github.com/ankaravanas/liberators-brand-mcp lib-brand

MCP address

https://mcp.liberators.ai/mcp

01Logo

Positive · on dark

Negative · on light

The mark is a luminous ring (orb) with a purple-blue-pink gradient glow, set beside the "Liberators AI" wordmark in a light geometric sans. The ring is the core symbol and may be used on its own as a favicon, app icon or avatar. The glow gradient is the recurring visual signature across every surface.

Symbol · favicon · app icon

Symbol (standalone)

App icon

liberators.ai

Favicon · transparent · 16px min

02Clear space & minimum size

Clear space = height of the ring (x) on all sides

Min size · Digital 24px height · Print 15mm

03Color palette

Click any swatch to copy its hex. Click the gradient to copy the CSS.

Base

#0A0A0F

Near-black foundation

Blue / Primary

#2F6BFF

Action, links, focus

Purple / Highlight

#A855F7

Innovation, AI signal

Pink / Energy

#FF5FA2

Human, creative warmth

Surface

#121218

Cards, panels

Blue Bright

#5B8BFF

Hover, accents

Text

#FFFFFF

.72 soft · .45 dim

Semantic

#34D399 / #FBBF24 / #F87171

Success · warning · danger

Signature gradient · linear-gradient(120deg, #2F6BFF → #A855F7 → #FF5FA2) · = logo glow, bars, blooms

Accent gradients · GFS Didot emphasis word or phrase (background-clip:text, italic)

Cyan → Blue · default#38BDF8 → #2F6BFF

Blue → Purple · alt#5B8BFF → #A855F7

Warm · alt#FF5FA2 → #FFB580

Coral → Periwinkle#FFA091 → #8DA9FC · site CTA

Color in use · where each one goes

Token	Role	Where it goes
Base #0A0A0F	Canvas	Page background on dark surfaces. The default canvas everything sits on.
Surface #121218 / #1B1B24	Raised	Cards, panels, inputs, nav. One or two steps lighter than base.
White 100 / 72 / 45%	Text on dark	Headings 100%, body 72%, muted and labels 45%. Never pure-black text on dark.
Blue #2F6BFF	Action	THE one action color: primary buttons, links, focus, active, key highlight. Sparingly, only for "do this".
Blue bright #5B8BFF	Hover / accent	Hover state of blue, links on dark, icon accents, small numerals.
Purple + Pink #A855F7 · #FF5FA2	Decoration only	Almost never solo. They live inside the gradient. Never as text, buttons or flat fills.
Signature gradient #2F6BFF · #A855F7 · #FF5FA2	Atmosphere	Glows and blooms, dividers, bars, the cover title. Never a flat wash behind content, never on body text.
Accent gradient #38BDF8 → #2F6BFF	Text accent	The GFS Didot emphasis word or phrase only (cyan→blue default; warm alt), via background-clip:text, italic. The gradient spans the whole phrase. Never on body copy or headings.
Semantic success / warn / danger	State only	Success, warning, danger feedback. Never decorative.

Book a callLearn more

One blue action, neutral everything else.

Don't

Book a callLearn more

Purple or pink buttons, gradient on body text, two competing actions.

04Color psychology

Near-black base

Gravitas, premium, focus. Serious (not flashy) for B2B industrial clients; lets color pop.

Blue (primary action)

Trust, competence, clarity. The "this works / click here". Saturated on dark, so it reads premium, not boring-corporate.

Purple (highlight)

Innovation, intelligence, the AI signal. Differentiates from pure-blue corporate.

Pink (energy)

Human, creative, warm. Keeps the tech approachable, not cold.

Gradient (blue → violet → pink)

The brand story in one move: trustworthy tech (blue) that is innovative (purple) and human (pink). Same as the logo glow.

05Typography

Three typefaces, one clear hierarchy. Commissioner does the work. GFS Didot accents an English word or short phrase. Roboto Mono carries the technical detail.

Web: Commissioner Regular 400 is the primary weight: every heading (H1/H2/H3) is 400 at different sizes, letter-spacing -0.045em. Bold (700/800) is reserved for documents and print, never web.

01 · PrimaryBody, UI, headlines, lists. Everything, Greek + English.

Commissioner

A B C D E F G H a b c d e f g h 0 1 2 3 4 5 6 7 8 9 & @ # % ?

Web headings: Regular 400, letter-spacing -0.045em. Size sets the hierarchy, not weight. Bold 700/800 for documents only.

H1 · Regular 400

We make your business AI-native

H2 · Regular 400

We turn companies into AI-native operations

H3 · Regular 400

We build capability, not dependency.

H1 alt · Medium 500

We make your business AI-native

H1 alt · Light 300

We make your business AI-native

Body · Regular 400

We find the repetitive work that slows your team down, automate it, and hand it back running on the tools you already use.

02 · Emphasis accentAn ENGLISH word or short phrase, or a numeral. Never Greek, never whole sentences.

GFS Didot

Serif (Greek Font Society), free (OFL). Lifts an English word or short phrase. It takes a gradient fill (background-clip, italic) that spans the whole phrase, instead of flat white.

We build capability, not dependency

Gradient options

The accent takes a gradient via background-clip (italic). Cyan-to-blue is the default; warm is an alternative.

1 · cyan → blue default

We make your business truly AI-native.

cyan → blue · #38BDF8 → #2F6BFF

2 · blue → purple

We make your business truly AI-native.

blue → purple · #5B8BFF → #A855F7

3 · warm alternative

We make your business truly AI-native.

pink → coral · #FF5FA2 → #FFB580

4 · coral → periwinkle site CTA

We make your business truly AI-native.

coral → periwinkle · #FFA091 → #8DA9FC

03 · Mono accentLabels, numbers, kickers, technical detail.

Roboto Mono

LIBERATORS AI · 05 / 12 · #2F6BFF · liberators.ai

06Iconography · Phosphor line

Icons come from Phosphor (line weight, white) set in a soft gradient-edge tile. One library, ~9000 glyphs and six weights if we ever need more. The stroke stays light and is never recolored: the tile carries the brand, the glyph stays neutral.

AI Agents

Document Search

Automation

Conversation

Workflow

Integration

Training

Time Saved

07Incorrect logo usage

Don't stretch or distort the proportions.

Don't recolor the mark or alter the gradient.

Don't place on low-contrast or busy backgrounds.

08Applications

Business cards · hover a card to download its print-ready PDF

PDF

Social posters

Web & campaign

09Document system

The brand on paper: how proposals and documents are built. One rule governs the surfaces, dark carries the moment, light carries the substance.

Dark · for moments

Cover, hero, closing

Near-black with one luminous gradient. Sets the tone and makes the first and last impression. The cover title and the GFS Didot accent word or phrase are where a gradient touches text: a light white to blue ramp.

Light · for substance

Content, tables, terms

White pages, ink text, a single blue accent. Built to be read and trusted. Every number, scope item and price lives here.

The opportunity

Headlines lead with two weights

The section title carries the message in heavy weight; the continuation drops to light gray. One device on every heading. Above it, a mono uppercase blue eyebrow.

What we build

Big blue numerals

Numbered items lead with a large blue figure. Steps, scope, phases.

One row, one idea

A title and a single supporting line. No clutter, no icons.

Hairline divisions

Rows split by a 1px line, never boxed in.

Investment

Phase	Investment
SetupBuild and delivery	€6.500
Monthly retainerRun, improve, support	€1.800/mo

Mono headers, a 2px rule, tabular numerals so figures align. The monthly row tints blue.

Why it holds

The system is yours. Permanent infrastructure on your own data, not a subscription to someone else's tool.

The callout is the one place a single sentence gets weight: a blue left rule on a light fill. Used once per page, for the line that matters.

This is the document language: a dark cover with the white to blue gradient title, light content pages, two-weight headings, blue numerals, mono tables and one callout per page. Reuse it across proposals, decks and docs so every page reads as one brand.

10Light sections

The brand is dark-led, not dark-only. Like every premium AI surface, the site breathes by alternating: dark for the moments (hero, CTA), light for the substance (features, proof, pricing). Same brand, same type, same blue, two surfaces.

Hero · dark

Features · light

Proof · light

CTA · dark

For operations teams

We make your business AI-native.

Built on the tools you already use. We build it, deploy it, and hand it to your team.

See how it works

Built on your stack

Agents that live inside the tools your team already runs.

Running in weeks

First results in two to four weeks, not a year-long project.

Owned by you

We build it, train your team, and leave the capability in house.

Light tokens

Base

#FFFFFF

Surface

#F5F5F7

Ink

#0A0A0F

Soft ink

#555555

Border

#E5E7EB

Primary

#2F6BFF

On light: ink text, one blue accent, the gradient only as a soft corner bloom or a small highlight (never a heavy wash). Cards sit on white with a soft shadow, not heavy borders. Same Commissioner type, same spacing. Generous whitespace does the premium work.

11Buttons & CTAs

One primary action per view, in blue. Everything else is a quiet secondary. The primary CTA is the only place the action color becomes a filled button.

On dark

On light

Primary states

Default

Hover

Active

Focus

Disabled

The primary CTA ("Book a call") is a pill with a vertical blue gradient; on hover a soft field of white dots fades in behind the label and the button brightens, with no moving border. The secondary ("See how it works") uses a hover-border-gradient: a light running around the border that fills to the full brand gradient on hover. Both stay blue-led, weight 600, pill radius, one primary action per view. The states row shows the primary across default, hover (dots visible), active, focus and disabled.

12UI elements

The starter atoms for product and web, shown on dark (the primary surface). Same tokens, same restraint.

Input with tags

SalesOperations

Toggle

Auto-run enabled

Notifications off

Inline alerts

Agent deployed successfully.

Approval needed before send.

Connection failed, retrying.

Links are blue and underline on hover. Inputs sit on base with a 1px border and a blue focus ring. Chips are pills, the active one tints blue. Alerts borrow the semantic colors at low opacity. Everything uses the 10px radius and Commissioner type.

13Foundations · tokens

The measurements a builder needs so spacing, corners, depth, type and motion stay consistent across the site.

Spacing scale (px)

Radius

pill

Elevation

01 · cards

02 · popovers

03 · modals

Type scale

Token	Size / line	Weight	Use
Display	clamp 48-96px / 1.0 / -.045em	400	Hero and cover only
H1	40px / 1.15 / -.045em	400	Section title
H2	28px / 1.2 / -.045em	400	Sub-section
H3	21px / 1.3 / -.045em	400	Card title
Body	16px / 1.6	400	Paragraphs
Small / label	12-13px / 1.4	400-500	Captions, mono labels

Web headings are all Commissioner Regular 400 at -0.045em tracking. Size carries the hierarchy, not weight. Bold 700/800 is for documents and print only.

Motion & layout

Token	Value	Use
Micro	150ms	Hover, button, toggle
Standard	300ms	Cards, panels, fades
Reveal	700ms	Scroll-in sections
Easing	cubic-bezier(.16, 1, .3, 1)	All transitions
Container	max-width 1080-1200px	Centered, generous side padding
Breakpoints	≤980 tablet · ≤760 mobile	Collapse grids to one column

14Brand voice

Direct · not blunt

Practical · not theoretical

Demystifying · not condescending

Partner · not vendor

Never: hype ("revolutionary"), fear ("AI will replace your staff"), unverified stats, jargon without explanation, em dashes.

15Messaging

The approved lines. English only. Use these; don't rewrite them each time.

Tagline

We make your business AI-native.

Attitude line

We don't talk about AI. We build it, deploy it, and hand it to your team.

Positioning · one-liner

We turn companies into AI-native operations, one department at a time.

Hero sub-line

We find where AI moves the needle, build it, deploy it, and train your team to run it.

Short lines

Built on the tools you already use. We build capability, not dependency. AI in every department. One at a time.

Primary CTA

16Competitive positioning

Builds & operates

Advises / presents

Generic

Custom

Liberators AI

Software houses

Freelance AI experts

Big4 (Accenture/Deloitte)

No-code agencies

DIY in-house

Horizontal AI SaaS

Competitor	Angle	Weakness
Big4	Trust + scale	Expensive, slow, presentations not implementation, ignore SMB
Freelance AI experts	Cheap, fast	One bot then leave, no strategy or support
Software houses	Custom dev	Not AI-native, project-based, slow
No-code agencies	Quick automations	Automation without intelligence, shallow
Horizontal AI SaaS	Scale, low entry	Generic, doesn't know your business
DIY in-house	Control	Stalls after the demo, no integration

For Greek mid-to-large businesses that want AI inside their daily operations, Liberators AI builds custom AI agents on the tools you already use and gets them running in weeks.

Unlike consultancies that hand over presentations, freelancers who build one bot and disappear, and generic tools that don't know your business: we build it, deploy it, train your team, and leave the capability in your hands.

17Backgrounds

Six brand backgrounds (dark and light), each in 16:9, 4:5 and 9:16 for social, web and ads. Click a tile to preview all sizes, go fullscreen or download.

18Visual mood

Dark.Premium.Engineered.Human.Confident.Quiet.

Serious near-black foundation, generous negative space, one luminous gradient doing the emotional work. Trustworthy technology that is innovative and human. No robots, no glowing brains, no clutter.

liberators.aihello@liberators.aiBrand Book · 2026