01 · Link
The underline redraws, the arrow steps forward. The line wipes away and comes back thicker, so a link never depends on colour alone. Nav links have no resting line; it draws in from the left.
A brand system made of bars
Some problems don't need another agency. They need a tool.
A toolmaker for brands and businesses. Identity, websites, automation, AI agents, promotion, built as tools you own.
Quick question before we start: why are you here?
Why we exist
We could sell you a retainer.
We'd rather you didn't need us.
The agency model rents you its brain, by the month, forever. We think that's backwards. Companies don't need more services. They need tools: built for their problem, handed over with a manual, owned completely.
Numbers, not vibes. Each bar is the number.
The atom
Meet the bar.
Every piece of this brand is made of one thing: a bar, exactly 1 Seriousness thick. No symbol, no mascot, no swoosh. The bar is a tool. What it means depends on how you arrange it, which is what we do for companies too.
- Unit
- 1 S (Seriousness) = bar thickness
- Length
- Whole multiples of S
- Ends
- Square. Always. Round ends are for toys.
- Clear space
- 2 S, minimum. Personal space matters.
0°
Standing by. Ready for work.
Drag the bar, or use the ← → keys
Choose your route
Three doors.
The page rebuilds itself.
A website should behave like a good tool: it adapts to the person holding it. Pick what you care about, and we'll rearrange everything below.
No door chosen. Default route: system → tools → play.
Stripe grammar
Same bars.
Different job.
We don't have a logo. We have a grammar. Five bars rearrange into glyphs, and every glyph means something. It's the same five bars every time. Watch them move. Nothing is added and nothing is lost: it's only rearranged.
Standby
The master mark
One glyph is locked.
A flexible system still needs one form that never changes. Ours is Standby: four bars at rest and one already tipping. It is the first frame of the Fall animation. Our logo is literally a tool, a split second before it does its job.
Click it five times. We dare you.
The mark, in motion
Four bars stay.
One steps back.
Twelve seconds, six beats. Our enemies first, dependency and black boxes, then crossed out. Then how we win: one push, and it runs. Then the point: the four upright bars are your tools, standing on their own. The fifth bar, the tipping one, is us, stepping back. That's why the logo looks like that.
Please don't
- Make it three stripes. We like our lawyers bored.
- Round the ends. It's a tool, not a lollipop.
- Add a gradient. The bars are confident without makeup.
- Invent new glyphs without a meaning. Every arrangement has a job, or it doesn't ship.
Tape & code
Bars that talk.
Bars that remember.
TAPE — voice
When a bar carries words, it becomes tape. Tape marks what is happening right now: news, warnings, and work in progress. It always runs edge to edge, because voice shouldn't be boxed in.
CODE — memory
Any word becomes a stripe signature: the same input always gives the same bars. Every client, project and person gets one, and it's the same tomorrow as today.
Colour
Colour is a signal,
not a decoration.
Four core colours do the daily work. Each tool gets its own accent, like coloured handles in a toolbox, so you always know which tool you're holding. Rule: one loud field per composition.
Imagery
Good news,
in halftone.
Our pictures show the moment after the tool works: the evening back, the keys handed over, the fist bump nobody scheduled. One loud colour, one ink, clean dots. The bar joins in like a colleague with a sense of humour, never like a warning sign.
- Show the win, not the pain. People mid-success: done early, handed over, laughing at the old way. No heads in hands, no empty rooms at night.
- One loud field, one ink. The photo is screened in ink on acid, signal, pink or green, or in paper dots on volt. Paper ground for the quiet pages.
- Clean dots, big shapes. A coarse, even screen and no grain. Crop until the shape reads from across the room; if it looks distorted, crop harder or pick another photo.
- The bar is a colleague. It carries a word, holds something up or rises. It never cuts across a person, never slashes the frame diagonally, never leans alone in a corner.
- Faces are welcome, never covered. Bars redact buzzwords and slides, not people.
- Leave a calm third. A wall, a sky, a floor: room for the tape and the caption.
- The caption winks. One dry line that celebrates the client and teases the industry. Never the person.
The four jobs
- Tape
- Sticks a word on the good news: SHIPPED, 17:02, YOURS NOW. Two bars wide so you can read it, almost flat, on the calm part of the frame.
- Prop
- Holds something up for a person: the laptop, the trophy, the coffee. Stands on the bottom edge and reaches exactly what it carries.
- Rise
- Three bars beside the person, each taller than the last. The result going up, without a chart in sight.
- Cover
- Redacts a buzzword or a slide, with a wink. Lies flat, may carry the word it hides. Things, never faces.
Retired 2026-11-01: Cross and Standby. A bar slashing through a photo, or leaning alone at the edge, read like a mourning ribbon.
The treatment, as a tool
Treat a photo.
Give the bar a job.
The same engine that made the pictures above. Grayscale, levels, a clean halftone screen, one ink on one loud colour, one bar with a job. Drag the bar to place it. Export a PNG with the credit strip attached.
No photo yet
Photo
Your photo never leaves this tab. No upload, no server, no copy. It's read by your browser and forgotten when you close it.
Job
Accent
Ground
Screen
Canvas focused: arrows move · shift = faster · + / − length
Photos via Unsplash, used under the Unsplash License and treated by us. Photographers credited on each figure, because it's their work.
Typography
Set like machinery.
Made with a cat.
Our typeface is Fixel, made by MacPaw and the Ukrainian type foundry AlfaBravo. It's named after Fixel, the first of MacPaw's cats, who inspired its shape and personality.
Fixel is a geometric grotesk with a humanist streak: open letterforms, crisp edges and low contrast. Precise, but never cold. It covers more than 40 languages, including a complete Ukrainian Cyrillic, and it carries a set of traditional Ukrainian symbols drawn from folk art and Heorhiy Narbut's graphics.
MacPaw gives it away for free under the Open Font License, commercial use included, and asks only for an optional donation to the MacPaw Foundation, which supports people in Ukraine. A tool, built well, handed over, owned by everyone who uses it. That's our whole business model in a font file. We couldn't have drawn a better fit.
fixel.macpaw.com ↗ · OFL 1.1 on GitHub ↗ · MacPaw Foundation ↗
- Family
- Fixel Variable
- By
- MacPaw × AlfaBravo, Kyiv
- Axes
- Weight 100–900 · Width 75–100
- Scripts
- Latin, Cyrillic · 40+ languages
- License
- SIL OFL 1.1 · free, commercial OK
- Named after
- A cat. Seriously.
Stop waiting. Start working.
Display
Fixel
Fixel · width 75 · weight 850 · caps · leading 0.88
Text
Fixel, plain and useful.
Fixel · width 100 · weight 400–500 · leading 1.45
Labels
VST-02 / 03:14 / OK
JetBrains Mono · 11–13 px · caps · spec-sheet voice
Tone of voice
Dry. Honest.
On your side.
- Say the quiet part. If it's expensive, slow or a bad idea, we say so first.
- Yes, and here's the catch. We say yes to almost anything. Then we explain what it takes.
- Joke about the industry, never about the client. Sarcasm points up, not down.
- Respect people's time. Short sentences. Real numbers. No "circling back".
- Dignity is the default. No fear-selling, no hype, no "you're doing it wrong".
Agency → Human translator
Pick a sentence agencies love ↓
…
Motion
Stripes never float.
They work.
Five motion verbs, each with a meaning. No decorative wiggling and no bouncing logos. Hover or focus a card to run it.
Interaction
Everything you touch
touches back.
We sell tools, so the website behaves like one. Every link, label and picture reacts to you, each in its own way and for a reason. Try them. Seriousness "very" or reduced motion turns the movement off; the cues stay.
02 · Button
Hard shadow on hover, pressed flat on click. Like a real key: it lifts toward you, then goes down. No soft glows, no gradients.
03 · Kicker
Problem → tool → handover
The measuring bar extends, the words decode from bars. Small labels arrive like a reading on a gauge (CODE behaviour). Screen readers get the plain text at once.
04 · Glyph
Hover re-assembles the bars; a click gives them the next job. Same five bars, different job. The hero mark also leans toward the cursor and steps back as you scroll.
05 · Tape
Very seriously.
Tape slaps on last and peels at one corner on hover. The tape word is the punchline of a headline; it sticks back when you leave it.
06 · Selection
Select a few words of this sentence and watch the tape.
Selecting text lays signal tape over it. Acid behind, a strip of signal on top, slightly crooked, like a highlighter used with conviction. Works on every page.
07 · VST/SAYS
A narrator tape at the bottom comments on what you do. One line at a time, dry and kind: on arrival, per section, when you idle, scroll back or come back to the tab. Mute is remembered only after a click.
08 · Portrait
People move a little; bars stand beside them as tools. The halftone is redrawn live: the head and its shadow turn as you scroll, the dots lighten under the cursor. Three bars (Build, Manual, Leave) lean toward you, rise on hover and step back when clicked.
09 · Free tool
Tools on the site are real and keep nothing. Answers update as you type; the state lives in the link, so it can be shared and nothing is stored. The honest answer is allowed to be "keep doing it by hand".
10 · Logo and header
The header mark fills as you read; its bars hop when you point at it. In the footer the logo plays like an equaliser and a click knocks the bars over, domino-style, back to the top.
The full list, with timings and the rules for reduced motion, lives in the repo: docs/interaction-patterns.md.
Applications
The system,
on real things.
A brand only exists where people touch it. Type a name and every object below rebuilds itself with your bars.
veryserious.tools
Best,
Very Serious Tools · Munich
P.S. You keep everything. Including this email.
→ WORKSHOP | → WORKSHOP | → WORKSHOP | → WORKSHOP |
← COFFEE | ← COFFEE | ← COFFEE | ← COFFEE |
↑ HANDOVER DAY | ↑ HANDOVER DAY | ↑ HANDOVER DAY |
Brand kit
Take the bars home.
Every glyph as an SVG, plus colour and type tokens as CSS and JSON. Same files we use. No login, no form, no "request access".
Paper with a job.
Eight pieces, each one used at a real moment: the first meeting, the kickoff workshop, handover day. All are print-ready PDFs with 3 mm bleed. They're RGB: your printer converts them, and the colour values in the specs are approximations until a printer proofs them on paper. Specs are in brand-assets/print/SPECS.md.
-
85 × 55 mm + 3 mm bleed
Business card
Hands over a name and an inbox; the back carries the tool the person builds, so the card explains the company in one glance.
PDF · print-ready ↓ -
148 × 210 mm + 3 mm bleed
Tool manual: VST-02 The Night Shift
Ships with every tool so the client can run it, fix it and sign for it without calling us.
PDF · print-ready ↓ -
210 × 297 mm + 3 mm bleed
Capabilities leave-behind
Left on the table after a first meeting: what we are, what we are not, the five tools and how a run usually goes.
PDF · print-ready ↓ -
297 × 210 mm + 3 mm bleed
Handover certificate
Signed on Handover Day: the documented moment the client takes ownership of the tool and every account behind it.
PDF · print-ready ↓ -
841 × 594 mm + 3 mm bleed
Workshop canvas: Problem to Tool (A1)
Goes on the wall at kickoff: maps a repeated pain to who suffers, how often, the hours it costs, the tool and its future owner.
PDF · print-ready ↓ -
210 × 297 mm + 3 mm bleed
Field Notes No. 01: Why we leave
A short printed essay that explains the business model honestly; mailed or left with people who asked "so what happens after?"
PDF · print-ready ↓ -
210 × 297 mm + 3 mm bleed
Letterhead A4 (DIN 5008)
For quotes, contracts and handover letters; window-envelope ready (DIN 5008 Form B) with fold and punch marks.
PDF · print-ready ↓ -
210 × 99 mm + 3 mm bleed
Compliments slip DL
Rides along with anything physical we send (manual, signed contract, keys) and says why it is in the envelope.
PDF · print-ready ↓
The tools
We don't sell services.
We build tools.
A tool is a combination of whatever your problem needs: a website plus identity, automation plus an AI agent, anything. Each one ships with a manual, runs on your accounts, and is yours on Handover Day.
How it works
Four steps.
The last one is us leaving.
01
Diagnose
One problem, described honestly. We find out what hurts, not what's trendy.
02
Build
We build the tool on your accounts, in your name, in weeks, not quarters.
03
Hand over
Manual, training, keys. Your team runs it while we watch, not the other way round.
04
Leave
We step back, your team runs it. If you call again, it's for a new tool, not a rescue.
Fire your agency.
Including us, eventually.
Fair questions
The awkward
questions.
Answered first.
Most agencies hope you won't ask these. We'd rather you did.
VST-X · Assemble your own
Build your tool.
Get a spec sheet.
Free toolbox
Make something.
Take it with you.
Four small tools. Everything runs in your browser, nothing is uploaded and nothing is stored. Download the result and post it. You promote yourself, and we get a tiny barcode in the corner. That's fair.
Glyph
Loud field
Layout
Format
Handle colour
Same name, same bars. Forever. That's the CODE behaviour.
Wrapped the page? Click a tape to tear it off. Therapeutic.