Brand

Twin Browser logo and brand assets

The mark is a browser window with the agent at work in it: an ink window whose title bar is the four-colour stripe, and the agent’s pointer inside. That is the product — an agent doing the work in a real browser, on your terms. Everything here is free to use when you write about or link to Twin Browser.

Twin Browser primary logo
Primary logoThe default. Use this unless something below fits better. SVG PNG
Twin Browser primary logo, reversed
Primary logo, reversedThe same lockup with the name in white, for near-black grounds. SVG PNG
Download everythingAll 28 files plus the usage note, in one archive.

Variations

Pick the version that fits the ground

The colour mark wants a ground it can separate from — white, near-black, or a quiet photograph. On anything multi-coloured the stripe collides with something behind it, and the one-colour knockout is the correct mark there rather than a compromise. Reverse nothing by hand; the file you need is below.

Twin Browser mark
MarkThe window with its stripe title bar, ink outline and pointer — for light grounds. SVG PNG
Twin Browser mark on dark
Mark on darkOutline and pointer in white, the window left clear; the four blocks carry on near-black unchanged. SVG PNG
Twin Browser mark, one colour white
Mark, one colour whiteFor photographs, screenshots and any multi-coloured ground. SVG PNG
Twin Browser mark, one colour ink
Mark, one colour inkSingle-colour printing, stamps, embroidery, faxed paperwork. SVG PNG
Twin Browser logo, one colour white
Logo, one colour whiteThe whole lockup knocked out — mark and name both white. SVG PNG
Twin Browser badge
BadgeThe logo bringing its own ground. Drop it on anything without checking. SVG PNG
Twin Browser badge, light
Badge, lightThe same container in white, for dark imagery where ink reads as a hole. SVG PNG
Twin Browser logo, one colour ink
Logo, one colour inkThe whole lockup in one ink. Never reverse this one by hand. SVG PNG
Twin Browser app icon
App iconThe mark carrying its own white tile. App grids, avatars, store listings. SVG PNG
Twin Browser app icon, dark
App icon, darkInk tile, for dark app grids and dark avatar rings. SVG PNG
Twin Browser mark on white
Mark on whiteFlattened onto white — for anything that will not honour transparency. SVG PNG

Icon sizes

For slots that ask for a pixel size and nothing else. All transparent except the 120, which is flattened because a consent screen composites onto a ground of its own choosing.

Backgrounds you don’t control

Three logos, one hostile ground

A screenshot, a hero photo, a conference slide. The ground below is deliberately unhelpful — a bright patch, a dark patch and a blue patch — because a logo that survives it survives a real photograph. Here is what each file does on exactly the same surface.

Use this

The badge brings its own ground, so nothing behind it can reach the logo. Safest on imagery you have not seen.

Use this

The white knockout, wherever the surface stays dark enough across the whole width of the logo.

Not this

The colour logo has no ground to separate from — the mark’s blue sinks into the blue, and the name fights the rest.

Construction

One window, one agent

The mark is drawn on a 32-unit grid: a 26 × 22 window with a 4.5 corner radius, stroked 2.2. Its title bar is four flat blocks, 6.5 wide and 6 high — blue, green, yellow, red — and the agent’s pointer sits inside, in the same ink as the outline.

6.52622632 × 32r 4.5 · stroke 2.2

Minimum size

16px mark96px logo

Below that the four blocks blur into one muddy tone and the pointer loses its shape. If the space is smaller, use the one-colour mark.

Clear space

Leave at least half the mark’s height clear on every side. Nothing goes inside the hatched area — not a tagline, not a divider, not another logo.

Colour

Four hues, in one direction

Blue → green → yellow → red, the order Google’s own mark sweeps them, and the order the title bar’s blocks run, left to right. There is no fifth hue. Click a colour to copy it.

The stripe

The mark’s title bar, and the same segmented stripe the site uses: four equal, flat blocks at full strength (#5A93EF → #41B05F → #FFC83D → #F05B4B). Keep the blocks hard-edged and in this order; never blend them into a gradient.

Typeface

Plus Jakarta Sans

The wordmark is Plus Jakarta Sans SemiBold, tracked −2.5%. Body text and UI are Inter. Both are free and open-source. The downloadable wordmark has the letterforms already converted to outlines, so you do not need either font installed.

Usage

Please don’t

Four things that break a mark whose whole point is a window and the agent in it.

Recolour or reorder the stripe, or blend its blocks into a gradient.
Rotate, mirror or skew the mark.
Add a shadow, glow, outline or tile of your own.
Put the colour mark on a busy ground — the knockout or the badge is the right file there.

The name

Write Twin Browser — two words, both capitalised, no hyphen. “Twin” alone is fine on second mention. The name and this mark are trademarks: use them to refer to the product, in an integration listing, a comparison or an article, without asking. Don’t use them as your own mark, inside your product’s name, or in a way that suggests we endorse or built what you’re shipping.

Need something else

Another size, another format, or a lockup beside your own logo — email legal@twin-browser.com. Every file here is generated from one drawing, so a new size is a one-line change rather than a redraw.