Brand Guidelines

Brand
Guidelines

Unbroker Cloud
FROM IDEA TO LIVE.
V 1.0 · 2026
Index

Table of contents

01The OriginBRAND CONCEPT
02The InsightFOUNDING TRUTH
03The PromiseWHAT WE SAY
04You Build, We HandleWHAT WE SOLVE
05The Core IdeaINFRASTRUCTURE IS SPACE
06Visual LanguageTHREE MOTIFS
07North StarTHE FUTURE WE BUILD
08The LogoMARK, LOCKUPS, MISUSE
09ColorPALETTE & RATIO
10TypographyTHREE VOICES & SCALE
11Iconography & VoiceHOW WE DRAW & SPEAK
12The OrbitWEB + SOCIAL TEMPLATES
UNBROKER CLOUD · BRAND GUIDELINES02
01 · The Origin

Building got easy.
Going live didn't.

For a long time only a few people could create web apps and websites. Not anymore — the internet and AI made building the easy part.

But taking it to the cloud? That was still a wall of technical work — hosting, servers, databases, scaling — and everything got tedious.

Unbroker came to help those who want their ideas to orbit in the sky.

UNBROKER CLOUD · BRAND GUIDELINES03
02 · The Insight

Building is easy now.
Going live isn't.
That's what we fix.

THE FOUNDING TRUTH OF UNBROKER CLOUD

UNBROKER CLOUD · BRAND GUIDELINES04
03 · The Promise

You create.
We handle
everything after.

Getting a project off the ground used to be a difficult task. Unbroker Cloud takes it as far as the stars — limitless. You focus solely on creation.

We handle the gravity.
You get the distance.

UNBROKER CLOUD · BRAND GUIDELINES05
04 · You build, we handle

Everything you need
to go live.

Always online

We keep it running, day and night.

Publish in one click

Put it live and update it in a moment.

Grows with you

From one visitor to millions.

Your data, safe

Stored and backed up for you.

UNBROKER CLOUD · BRAND GUIDELINES06
05 · The Core Idea

Infrastructure is space.

Unbroker is the space your project travels through. You bring the star — your idea. We bring the space — the infrastructure that carries it from build to live.

Infrastructure is invisible, everywhere, and holds everything up — exactly like space. You never touch a server. You just launch.

Invisible — you don't see it, but it's always there.

Everywhere — it's the field everything moves through.

It carries you — without it, there's no distance.

CLOUDSKYSPACE | THE SPACE IS THE INFRA. NOT A METAPHOR — A 1:1 MAPPING.
UNBROKER CLOUD · BRAND GUIDELINES07
06 · Visual Language

Three motifs,
three meanings.

We map the complex world of infrastructure onto a calm, precise sky. Each motif carries one idea — never two. The black space is always the infra; the tech instruments show we're software reading the cosmos.

Trajectory
The journey

From idea to live. Build → deploy → live.

Constellation
All in one place

Scattered infrastructure pieces, connected into one whole.

Orbital
Grows with you

From one visitor to millions. Scale without limits.

UNBROKER CLOUD · BRAND GUIDELINES08
Imagery rule

Astronomy, not science fiction.
Space is the infrastructure. The instruments are the software.

Real skies, telescopes, charts and measurements. No spaceships, no aliens, no neon nebulae, no chrome. Calm and precise, always.

09
07 · North Star

The future
that guides
every decision.

We're building a future where technology is no longer a barrier to innovation — where creators, entrepreneurs and growing teams can build, launch and scale without the weight of infrastructure.

Because the next generation of innovation shouldn't be limited by technology — it should be powered by it.

UNBROKER CLOUD · BRAND GUIDELINES10
unbroker cloud
08 · The Logo

The bar is all of it,
removed.

The mark is inspired by the universal symbol for minimizing a window — a simple gesture that makes complexity smaller and more manageable.

It stands for Unbroker's role: taking care of the heavy technical work behind a project — infrastructure, complexity, everything that slows progress down — so the client can focus on moving forward.

Lime is the colour of a green light: cleared for launch, no ceremony.

Minimize the complexity. Handle the gravity.

UNBROKER CLOUD · BRAND GUIDELINES11
08 · The Logo · Construction & lockups

One mark. Four lockups.

BAR = 6.4x WIDE · 1.5x TALL · CORNER = 2.3x
GRID
x = 1/12 of the square
CORNER RADIUS
19% of the square
unbroker cloud
PRIMARY · HORIZONTAL
unbroker cloud
STACKED · CENTERED
unbroker cloud
MONO · ON LIGHT
unbroker cloud
ON LIME · SIGNAL MOMENTS ONLY
UNBROKER CLOUD · BRAND GUIDELINES12
08 · The Logo · Clear space & minimum size

Give it room to breathe.

a
a
unbroker cloud
CLEAR SPACE

Keep a margin of a on all four sides, where a = the height of the bar inside the mark. No text, graphics or image edges inside it.

MINIMUM SIZE
24 px
MARK · DIGITAL
120 px
LOCKUP · DIGITAL
8 mm
MARK · PRINT
32 mm
LOCKUP · PRINT
24 / 48 / 80 px
Below 24 px use the bar alone.
UNBROKER CLOUD · BRAND GUIDELINES13
08 · The Logo · Incorrect usage

Never do this.

The mark only works when its proportions, colour and contrast stay untouched. When in doubt, use the lime-on-black or black-on-white lockup.

Don't stretch

Scale proportionally. The mark is always a square.

Don't recolour

No gradients, no other hues. Lime, black or white only.

Don't rotate

The bar stays horizontal. Always upright, always level.

Don't outline

The mark is solid. No strokes, no hollow versions.

Don't fade on imagery

Full opacity, on a calm area with real contrast.

Don't add glow or redraw

No shadows, no neon. Never resize the bar inside the square.

UNBROKER CLOUD · BRAND GUIDELINES14
09 · Color

Lime is the signal.

Pure black is the space. White is the light. Lime is used only as a signal — never as a wash. The less lime, the more it means.

PRIMARY · LIME
#C4FA00
NEUTRAL · BLACK
#000000
NEUTRAL · WHITE
#FFFFFF
CARDS
#121212
BORDERS
#2E2E2E
FADED TEXT
#AEB6C2
SYSTEM BADGES · IN-APP ONLY
21C45D
F79F0A
3C83F6
EF4343
RATIO
80% BLACK · 15% WHITE · 5% LIME
UNBROKER CLOUD · BRAND GUIDELINES15
10 · Typography

Three voices.

Aa
Syne · Bold / ExtraBold

Titles & display. Tight tracking (−2.5%), never below 24 px.

Aa
Inter · Regular / Medium

Body text. Clear, human, readable. Line height 1.5–1.6.

Aa
JetBrains Mono · Regular

Badges, data, technical callouts. Never body text.

ROLETYPEFACESIZETRACKINGLEADING
DisplaySyne ExtraBold72–120−3%0.95
HeadlineSyne Bold34–60−2.5%1.05
SubheadSyne Bold26–32−1%1.2
BodyInter Regular18–2801.55
LABEL / DATAJetBrains Mono14–22+12%1.3
UNBROKER CLOUD · BRAND GUIDELINES16
11 · Iconography

One line, one signal.

Thin-line, geometric, rounded caps — matching the logo. White by default, with a lime signal on the key point. No glow, no fill, no neon.

star · live
trajectory
orbit · scale
constellation
deploy · go live
hosting
database
domain
ssl · security
scaling
monitoring
git deploy
SPEC · viewBox 24×24 · stroke 1.6 · round caps & joins · white #FFFFFF · lime signal #C4FA00 · no fill except star & signal dots · no glow
USE · UI at 16–24 px · content & marketing at 32–64 px · lime on ONE point per icon · pair with JetBrains Mono labels
UNBROKER CLOUD · BRAND GUIDELINES17
11 · Voice & Tone

A friend who knows
the tech.

Approachable · human · confident · plainspoken · a little playful. We explain, we don't show off. No unnecessary jargon.

Always

Talk like a person, not a terminal.

Explain the result, not the process.

Warm, clear, a little playful.

Never

Jargon to sound smart (CI/CD, orchestration…).

Sound like a console or a command line.

Over-promise or hype.

"Deployment successful. Orchestration complete."

"Done — your project is online."

UNBROKER CLOUD · BRAND GUIDELINES18
12 · The Orbit

Applications

The brand applied where it lives: the web, and the feed. Same black space, same single lime signal, same one idea per piece.

WEB FEED & GRID POST TEMPLATES STORIES & CAROUSELS
19
12 · The Orbit · Web

Black space, one green light.

unbroker.cloud
unbroker cloud
ProductPricingDocsStart free
DEPLOY FROM GIT
From idea
to live.

You create. We handle everything after — hosting, scaling, domains, backups.

Go live free See how it works
my-appLIVE
my-app.unbroker.cloud
builddone · 42s
deploydone · 8s
sslissued
HERO

Black background, Syne headline, one lime CTA. Never two lime buttons on one screen.

PRODUCT UI

Node-based layouts and status indicators — Live / Running / Deployed — in system colours, mono labels.

KEY MOMENT

Always show the payoff: your idea, live online, with a shareable URL.

DON'T

Lime as a page background, lime body text, or two accents competing.

UNBROKER CLOUD · BRAND GUIDELINES20
12 · The Orbit · Social system

The feed is one sky.

Black dominates the grid so every lime signal lands. One idea per piece. We educate and we wake people up — most of our audience doesn't know they have the problem yet.

Building is easy.
Going live isn't.
One click.
Live.
DEPLOY TIME
42s
● LIVE
my-app.unbroker.cloud
You create.
We handle
the rest.
FEED / GRID @UNBROKERCLOUDMAX 1 LIME TILE PER ROW
01 · RHYTHM

Alternate statement → motif → data → product → sky. Never two lime tiles touching.

02 · TYPE

Headlines in Syne ExtraBold. Data, labels and URLs in JetBrains Mono. Body in Inter, max 3 lines.

03 · SAFE AREA

7% margin on posts. Stories: keep the top 250 px and bottom 320 px clear of type.

04 · SIGNATURE

Every piece closes with the mark bottom-left or the mono lockup unbroker.cloud.

DON'T

Stock-photo offices, emoji, gradients, two ideas in one piece, or text over a busy part of the sky.

UNBROKER CLOUD · BRAND GUIDELINES21
12 · The Orbit · Post templates · 1080 × 1080

Four templates, one system.

Swap the copy, keep the structure: eyebrow, one idea, one signal, signature. Never mix two templates in one piece.

THE INSIGHT
Building is easy now.
Going live isn't.
UNBROKER.CLOUD
A · STATEMENT

Pure type on black. Max 8 words, one lime line. The workhorse.

BENCHMARK · 2026
42s
from git push to a live URL.
UNBROKER.CLOUD
B · DATA POINT

One number in lime, one mono label, one line of context.

TRAJECTORY
From idea
to live.
Build → deploy → live. Nothing in between for you to fix.
UNBROKER.CLOUD
C · MOTIF

Sky image + bottom gradient. Type only on the calm, dark half.

NOW LIVE
Deploy from
your repo.
git push → live
UNBROKER.CLOUD
D · ANNOUNCEMENT

The only full-lime piece. Launches and news only — one per month.

UNBROKER CLOUD · BRAND GUIDELINES22
12 · The Orbit · Stories, reels & carousels

Vertical, and in sequence.

Stories and reels: 1080 × 1920, one idea per frame, type inside the safe area. Carousels: hook → proof → payoff, three to five slides.

GOING LIVE
Your idea,
online in
one click.
LIVE
UNBROKER.CLOUD
STORY · SAFE AREA SHOWN
REEL COVER
3 things
nobody
tells you
about going live.
01 / 03
REEL / TIKTOK COVER
CAROUSEL · HOOK → PROOF → PAYOFF
01 · HOOK
You finished it.
Now what?
SWIPE →
02 · PROOF
hostinghandled
sslhandled
scalinghandled
backupshandled
Everything after "done".
03 · PAYOFF
From idea to live.
Start free
UNBROKER.CLOUD
FORMATS

Post 1080×1080 · Carousel 1080×1350 · Story & Reel 1080×1920

DON'T

Type in the safe areas, more than 5 slides, or a lime frame on every card.

UNBROKER CLOUD · BRAND GUIDELINES23

From idea to live.

UNBROKER CLOUD · BRAND GUIDELINES · V 1.0

24