Identity for the era of essentials.
This is Tize as it actually is: real text, a blinking prompt and a system that holds up the same in light and in dark. Everything below is live code.
The Tize guide · Coming soon
Principles, in motion.
A first look at how we work.
The mark, held constant
Full light on dark, full dark on light
The tize>_ wordmark is the fixed core of the identity: real text, never an image. The background changes; the mark doesn't.
- Never stretch or condense it: the proportion is fixed.
- Never recolor it: full light or full dark, no gradients.
- Never add shadows or extra outlines.
- Never detach the >_ suffix or replace it with an image.
Dark / Oscuro
tizeLight / Claro
tizeA monochrome color system
From #000 to #ededed on a single neutral axis
Near-black steps for depth, one grey for hierarchy, white for reading. The accent appears only where energy is needed: the prompt and anything interactive.
#000000
0% 0 0
#0a0a0a
14.5% 0 0
#1f1f1f
23.9% 0 0
#a1a1a1
70.9% 0 0
#ededed
94.6% 0 0
#0070f3
57.3% 0.214 258
Inter
One family for display and text; mono for technical detail
Inter for its clarity and its ordered geometry, in weights 400, 500 and 700. The scale runs from a 12px note to display size.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
400 · Regular
We work with few projects at a time, and we stay in each one until it ships.
500 · Medium
Identity for the era of essentials.
700 · Bold
Design · Build · Test
Mono · code and data
npm run dev -- --port 3001A geometric system in motion
Clear primitives, thin strokes
Our living graphics: lines that breathe at a slow pace and the name turning in rings. Decorative, paused outside the viewport and still under reduced motion.
RadialVisual · rays
A pulse travels from the centre out and back.
RadialVisual · dashes
Four bands turning in opposite directions.
Compass
Two rings of rays turning in opposite directions.
Dumbbell
A link breathing between two points.
LinkedRings
Two satellites orbiting a ring.
WaveBars
Signal in waves, always moving.
RadialVisual · steps
Rays stepping around a slow arc.
TextRings · TIZE
The name turning in fourteen rings.
Who we are
The studio behind the studio.
In one sentence
We are Studio Tize, the team behind the company since 2002 — the work, the quality and the results speak; discretion is part of the craft.
Studio Tize is the team behind the company, founded in 2002. We have been working in this field for many years, and our track record and experience speak for us.
We have always preferred to stay in the background and preserve our anonymity: our work, the quality of our designs and the results do the talking. We have never needed to list projects for this or that client — discretion is part of how we work.
How Tize speaks
Four traits behind every sentence
The same rules we use in a proposal, in a commit message and in this page.
- 01
Clear
No jargon, no filler: every word earns its place. If it fits in two lines, it doesn't need a paragraph.
- 02
Direct
We get to the point and say what we think — even when the answer is “not yet”.
- 03
Technical
Correct terminology and respect for the reader: we assume intelligence, we don't explain the obvious.
- 04
Friendly
Experts, not gatekeepers. We answer questions and encourage asking them.
The product, said out loud
Marketing is how Tize explains itself
Every word names something real in the process: you design, build, test, publish and measure. Nothing else.
- 01
Design
Form before everything else.
- 02
Build
Real code, not mockups.
- 03
Test
If it isn't tested, it doesn't exist.
- 04
Publish
One deploy and it's live.
- 05
Measure
Numbers, not promises.
Contact
Let's talk about your project.
Tell us what you need and we'll say, straight up, whether we are the right studio for it.