We run
We sprint, we do it for you, you don’t have to. Six disciplines under one roof and nothing handed to a third party.
We run. You don't have to.
Spoken “running”Always lowercaseTrading name: Runnn
Everything here is yours to use. Download it, copy it, paste it into whatever you are making. You should never have to ask anyone for a file on this page.
Running means two things, and the studio is both of them.
We keep it running
We build it, then we operate it, month after month. The retainer isn’t an add-on, it’s the second half of the name.
Why three n’s. runnn + .ing is what makes the domain read as the word. The extra n’s aren’t a typo to apologise for. They’re the same letter caught three times mid‑stride. A motion trail, spelled. That is why the mark is literally those letters, leaned eight degrees forward with the trail fading behind the direction of travel.
Green means it’s running.
The period in runnn.ing is a status light. That single rule ties the logo, the product UI and the status page together, and it only works because we spend it nowhere else.
Deployed now.runnn.ingIncident not.runnn.ing
Do
- Live, working, up, shipped, on.
- A running timer, a passing build, a paid invoice.
- Grey it out the moment the thing stops, including the period in the logo.
Don’t
- Green buttons, green headings, green charts.
- Green because a slide needed some colour.
- A second green element beside the logo. The dot is the green.
The incident page is this rule and nothing else: with the dot gone grey.
Ten files. Take the one that fits.
Drawn as geometric monoline paths rather than set in a typeface, so nothing depends on a font licence and every file scales to any size. SVG first; PNG is there for whatever cannot take an SVG.
Wordmark
The primary logo. Use this unless there is a reason not to.
Wordmark, reversed
On ink, on photography, on anything dark.
Mark
Avatars, stamps, anywhere the name is already on the page.
Mark, reversed
The same, on dark.
Lockup
Wide headers, letterhead, invoice footers.
Lockup, reversed
The same, on dark.
One colour
Trail is solid. Foil, engraving and embroidery cannot hold opacity. Inherits the colour around it.
Mark, one colour
Stamps, embossing, a single-head embroidery machine.
App icon
App stores, PWA manifest, anywhere that wants a square.
Favicon, small sizes
16 to 24px. One stride and the dot, because the trail turns to mush below 24px.
The whole kit
Every logo, both themes, SVG and PNG, plus the written guide.
The written guide is online too, if you want the long version: BRAND.md.
Using them
- The wordmark is the logo. The mark is shorthand for places the name is already present: an avatar, a favicon, the panel rail. Don’t lead with it.
- Clear space on all sides is the height of one n. Nothing sits inside that.
- Minimum size is 90 px wide on screen and 24 mm in print. Below 24 px square, use the small favicon, because the trail turns to mush.
- One colour versions have a solid trail. Foil, engraving and embroidery cannot hold opacity, so don’t send them the standard file.
- Never retype the name in a system font as a stand-in, recolour the period to anything but Runnn Green (or grey, when down), stretch it, outline it, or put it on a busy photograph without the reversed version.
Motion
The brand owns exactly one animation: the three n’s arrive left to right over about a quarter‑second, trailing edge first, as if the word ran onto the page. Once per page load, on the header. Never looped, because a wordmark that keeps re-entering reads as a broken asset. It played at the top of this page.
Ink, paper, and one colour that means something.
InkText, dark surfaces, the logo
PaperLight surfaces
Runnn GreenLive only. See the rule
WarmSecondary text
Warm dimCaptions, the least-important text
DownThe dot when it has stopped
Every service is a verb in the present continuous.
Nothing here is finished. It’s all still going. A new service is just a new -ing word, so the system scales without a meeting. Use these names exactly; don’t reintroduce the old ones.
Thinking
was AI ServicesModels, agents and copilots that do the work, not the talking.
Building
was Software DevelopmentPlatforms, apps, and the plumbing underneath them.
Drawing
was UI/UX DesignInterfaces people actually get through.
Shooting
was Media ProductionFilm, motion and stills that carry the brand.
Keeping
was Automation RetainersYour ops automated, then kept alive, month to month.
Housing
was Local AI ProjectsAI on your own hardware. Nothing leaves the building.
Keeping owns the green. It is the service that keeps the dot green, so it gets the brand colour. That is the argument for the retainer, not a decorative choice.
The .ing keeps paying out.
Each of these reads as a phrase and is a real page. Wildcard DNS on the root and they cost nothing extra.
| The CTA. Onboarding, first contact. | |
| Client portal (up and running) | |
| Retainer signup and renewal | |
| Case studies (shipped 2021, still running) | |
| Live status page. All green. | |
| The incident page. Dot goes grey. | |
| Pricing | |
| About, the team | |
| Careers | |
| Unsubscribe, and it should be genuinely easy | |
| Internal admin panel |
Geometric for display, plain for reading.
The logotype is geometric monoline, so the display face shares its construction: single‑storey g, circular bowls. Body text is plainer on purpose: it has to hold at 14px and shouldn’t compete.
Display · PoppinsWe run. You don’t have to.
Body · InterSix disciplines under one roof, built and then kept running.
Data · JetBrains Mono, tabularkeeping.runnn.ing · 99.98% · $4,250/mo
General Sans or Circular substitute for Poppins if licensed. Both share the construction the logotype is built from.
The name is a verb. Write like it.
Do
- “We run your ops.”
- “It’s live.”
- “We shot it, we cut it, it’s up.”
Don’t
- “We can help you with…”
- “Solutions for…”
- “Leveraging…”
Primary
Short / sign-off
Ops & retainer