The Split brand, in one place.
Everything a partner or collaborator needs to represent Split correctly — colors, typography, components and identity. Copy tokens straight from the page, grab the assets, ship on-brand.
The essence
Split builds AI voice agents and automations that take the repetitive work off a team's plate — so a growing business can handle more without hiring more.
We lead with the problem, never the technology — AI is the how, not the what. The work starts at a concrete business pain (an overwhelmed support inbox, abandoned carts, missed calls) and ends at a measurable system that quietly does the job. The brand should feel the same way: confident, plain-spoken, calm. We don't shout. We show.
Plain language over jargon. If a sentence needs decoding, it gets rewritten.
We show the system working before we describe it. Demonstration beats adjectives.
Editorial restraint. Generous space. Nothing flashes for attention's sake.
Voice & tone
One personality, dialled up or down by context. The constant: direct, useful, and free of hype.
Color
Cream surfaces, near-black ink, one electric-blue accent. Roughly 60% surface, 30% ink, 10% blue. Click any swatch to copy its value.
Typography
Three typefaces, each with one job. All are free (Google Fonts / OFL).
The quick brown fox jumps over the lazy dog. We build, integrate and manage AI agents and automations — live in 7 days.
4.543 RON · +40 770 355 391 · 00:07
The blue-italic accent
Our one signature move: the single most important word in a line renders in Instrument Serif italic, in Split blue. It is the visual hook.
Your team stops answering the same question fifty times a day — and starts doing the work that actually grows the business.
Use the accent on the single most important word in a line. One per headline, never two. The italic carries the emotion; the rest of the sentence stays calm.
Emphasis loses meaning when overused. If two words are blue, neither is special — pick the one that matters.
The blue accent only appears as Instrument Serif italic — never on body sans, never as a fill behind text.
Components
The core UI building blocks, with their class names.
Motion
Purposeful and subtle. Easing cubic-bezier(0.2, 0.8, 0.2, 1); micro-interactions ~200ms; everything respects prefers-reduced-motion.
Imagery & icons
Show the system, not stock people. Interfaces, charts, transcripts and product moments over hands-on-keyboards clichés.
Real UI, real call transcripts, real dashboards in the brand palette. The proof is the picture.
Icons are simple, thin-stroke, single-weight, in ink or blue. No gradients, no emoji, no 3D.
Up-trends ascend, down descends — and a positive “win” green is the only place a second colour appears.
Image backgrounds match the cream ground or the dark slab — images sit in the system, not on top of it.
Spacing & radii
Content max-width 1200px (.wrap), section padding 120px desktop / 72px mobile. Corner radii:
Do & don't
The fastest way to stay on-brand — the short list of things we always and never do.
- Use the warm cream ground
- Keep one blue-italic accent per line
- Lead with the problem
- Pair serif headlines with the system sans
- Leave generous whitespace
- Let things stay calm and still
- Use pure bright white
- Add emoji
- Put a drop-shadow on text
- Use skeuomorphism or 3D
- Stack multiple accent colours
- Make anything flash for attention
Identity
The mark on light and dark. A full logo system (vector, variations, clear-space, misuse) is coming in the next phase — for now, use the asset below and keep generous clear space around it.
- Brand name
- Split Agency
- Legal entity
- Split Digital SRL
- CUI
- 48113845
- Reg. com.
- J08/1314/2023
- hello@splitagency.eu
- Phone
- +40 770 355 391 · +40 771 781 080
- Location
- Brașov, Romania
- Web
- splitagency.eu
Grab the assets
Copy the design tokens or download the source files. (A full asset kit — vector logos, swatches, font bundle — ships with the logo phase.)
:root {
--s-blue: #2f6dff;
--s-blue-bright: #1656e8;
--s-blue-deep: #1e3fb8;
--s-blue-hi: #5b8dff;
--s-bg: #f6f5f0;
--s-bg-2: #efece4;
--s-bg-3: #e9e5d9;
--s-card: #ffffff;
--s-card-2: #faf8f2;
--s-card-hi: #f1ede2;
--s-ink: #0a0c14;
--s-ink-2: #3a3e50;
--s-dim: #6f7388;
--s-faint: #a4a7b6;
--s-mute: #d6d3c7;
--s-slab: #0c1633;
--s-slab-2: #122359;
--s-slab-ink: #eef1ff;
--s-slab-dim: #8aa0d4;
--s-blue-tint: rgba(47, 109, 255, 0.1);
--s-blue-glow: rgba(47, 109, 255, 0.35);
--s-border: rgba(10, 12, 20, 0.09);
--s-border-hi: rgba(10, 12, 20, 0.18);
--r-sm: 8px;
--r-md: 14px;
--r-lg: 22px;
--r-xl: 28px;
}