Brand

Twin Browser logo and brand assets

The mark is a browser tab with the agent at work in it: an ink tab outline with a white nub, its content filled with the four-colour sweep. 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 sweep 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 tab filled with the sweep, ink outline — for light grounds. SVG PNG
Twin Browser mark on dark
Mark on darkThe tab outline in white; the vivid sweep and white nub 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 tab, one agent

The mark is drawn on a 32-unit grid: a 23-wide tab body with its nub on the top-left edge, both stroked 2.2; the nub is filled white and the body with the sweep — blue, green, yellow, red — along the same 100° axis every gradient on the site uses.

2.22332 × 32100° sweep

Minimum size

16px mark96px logo

Below that the sweep blurs into one muddy tone and the tab loses its outline. 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 direction the tab’s fill runs. There is no fifth hue. Click a colour to copy it.

The sweep

Nine stops at 12.5% intervals, travelling the four hues through their mixes rather than jumping between them. Use this, not a four-stop approximation, if you need the sweep in a headline. The mark’s own fill is the four hues at full strength (#5A93EF → #41B05F → #FFC83D → #F2705F), with the nub left white.

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 tab and the agent in it.

Recolour the fill, reverse its sweep, or empty the tab.
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.