All in One.
A studio for Web, Apps, AI, and Design - and the operating principles that hold them together.
This document defines the visual identity of AIO Studio: the mark, its construction, the family of service lockups, the colour and the type that carry the name across every surface the studio touches.
Visual Identity v1.0 - AIO Studio, Lda.
A circle that holds everything.
The letter O in AIO is not a coincidence - it is the brand. A circle is the simplest container we have: it has no top, no bottom, no hierarchy, no end. It is the geometry of all-in-one.
Around it sits a single dot: the studio, the client, the project, the coworker - the one orbiting the all. Five service lines, one studio, one mark. The dot moves; the ring does not.
One mark, five expressions.
A - The Loop
Primary · dark
Paper ring with a Volt atom on Studio Ink. The lead expression.
B - Inverse
Variation · light
Ink ring with a Volt atom on Paper. For light surfaces.
C - Wordmark
Wordmark · horizontal
The full name with the brand mark as the o in aio. Light surfaces.
D - Wordmark inverse
aiostudio · dark
Paper wordmark for dark surfaces and footers.
E - Compact
aio
For tight spaces where the full name doesn't fit.
↳ A is the lead expression. B-E are the official variations - every other lockup derives from these five.
“More than technology, we do innovation.”
AIO Studio - operating principle
Geometry of the Loop.
12 × 9 unit grid.
The mark with its name.
What the mark will not do.
Do not stretch or distort the proportions of the ring.
Do not rotate. The atom's position is fixed at −45°.
Do not apply gradients, shadows or effects to the mark.
Do not place the mark on busy or low-contrast backgrounds.
One ring. Five orbits.
Each service line uses the same ring. The orbit dot moves to a fixed clock position, giving every sub-brand a recognisable signature without breaking the family.
AIO / Web
Websites, e-commerce, and the front door of every brand we touch.
AIO / Apps
Native and cross-platform applications, mobile-first.
AIO / AI
Agents, automations and intelligent products - software that thinks.
AIO / Design
Brand identity, product design and the visual language of the studio.
AIO / Web3
On-chain tooling, wallets and decentralised products.
The mark as an app.
A studio in black, paper, volt.
The palette is built from a near-black ink, a paper-white surface, and a single accent - Volt - used as a precision highlight. The neutrals do the work; the accent does the punctuation.
RGB 14 14 14
CMYK 0 0 0 95
RGB 250 250 247
CMYK 0 0 1 2
RGB 212 255 58
CMYK 17 0 77 0
Neutrals · supporting scale
Usage · 01
Volt is punctuation.
Use Volt on a maximum of one element per surface - a single dot, a highlighted word, the favicon's atom. Never a Volt background; never Volt body text.
Usage · 02
Ink, not black.
Studio Ink (#0E0E0E) is the default mark and body colour. Use pure #000 only when production demands it.
Usage · 03
Paper, not white.
Surfaces default to Paper (#FAFAF7). Bone (#F0F0EA) is the natural alternate for nested cards and disabled states.
One voice. One mono.
The brand voice is Satoshi - a modern grotesk with a quiet confidence at every size. Supported by Geist Mono for labels, captions and code.
Satoshi
Primary · Sans
Display · Headlines · Body · UI
All in One
From websites and apps to AI-native products and brand identity, AIO Studio works across the disciplines a modern studio needs - under one roof.
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz · 0123456789
Geist Mono
Secondary · Monospace
Labels · Captions · Coordinates · Code
aiostudio.xyz
01 · WEB 02 · APPS 03 · AI 04 · DESIGN
// GUIMARÃES, PT - 41.4424° N, 8.2929° W
Scale
Editorial · Modular
Signed
aiostudio.
AIO Studio, Lda.
Av. Dom João IV
Centro Comercial Villa, Loja 9
4810-532 Guimarães, Portugal
Visual Identity v1.0
May 2026