TabTwin brand kit

Core identity

Logo suite

Download logo suite

Clear space: 0.33 × the logo height on every side
Minimum size: Horizontal 140px · Stacked 134px · Wordmark 100px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

horizontal-color.svg3.0 KB · 113×30Download
horizontal-color.png21 KB · 1600×426Download

Stacked / vertical logo

stacked-color.svg3.4 KB · 248×266Download
stacked-color.png12 KB · 1119×1200Download

Logomark / symbol

symbol-color.svg615 B · 128×128Download
symbol-color.png5.5 KB · 1024×1024Download

Wordmark

wordmark-color.svg2.6 KB · 72×26Download
wordmark-color.png30 KB · 1600×580Download

Emblem / badge

avatar-color.svg893 B · 512×512Download
avatar-color.png2.0 KB · 512×512Download

Full colour on dark

horizontal-reverse-color.svg3.8 KB · 113×30Download
horizontal-reverse-color.png15 KB · 1600×426Download
stacked-reverse-color.svg4.5 KB · 248×266Download
stacked-reverse-color.png10 KB · 1119×1200Download
wordmark-reverse-color.svg3.1 KB · 72×26Download
wordmark-reverse-color.png22 KB · 1600×580Download
symbol-reverse-color.svg1.3 KB · 128×128Download
symbol-reverse-color.png5.4 KB · 1024×1024Download
avatar-reverse-color.svg1.5 KB · 512×512Download
avatar-reverse-color.png1.9 KB · 512×512Download

Mono black

horizontal-black.png19 KB · 1600×426Download
horizontal-black.svg3.8 KB · 113×30Download
stacked-black.svg4.5 KB · 248×266Download
stacked-black.png12 KB · 1119×1200Download
wordmark-black.svg3.1 KB · 72×26Download
wordmark-black.png28 KB · 1600×580Download
symbol-black.png5.4 KB · 1024×1024Download
symbol-black.svg1.3 KB · 128×128Download
avatar-black.svg1.5 KB · 512×512Download
avatar-black.png1.9 KB · 512×512Download

Mono white / reversed

horizontal-white.svg3.8 KB · 113×30Download
horizontal-white.png15 KB · 1600×426Download
stacked-white.png10 KB · 1119×1200Download
stacked-white.svg4.5 KB · 248×266Download
wordmark-white.svg3.1 KB · 72×26Download
wordmark-white.png22 KB · 1600×580Download
symbol-white.svg1.3 KB · 128×128Download
symbol-white.png5.4 KB · 1024×1024Download
avatar-white.svg1.5 KB · 512×512Download
avatar-white.png1.9 KB · 512×512Download

Single brand colour

horizontal-primary.svg3.8 KB · 113×30Download
horizontal-primary.png21 KB · 1600×426Download
horizontal-secondary.png20 KB · 1600×426Download
horizontal-secondary.svg3.8 KB · 113×30Download
stacked-primary.svg4.5 KB · 248×266Download
stacked-primary.png12 KB · 1119×1200Download
stacked-secondary.svg4.5 KB · 248×266Download
stacked-secondary.png12 KB · 1119×1200Download
wordmark-primary.svg3.1 KB · 72×26Download
wordmark-primary.png31 KB · 1600×580Download
wordmark-secondary.svg3.1 KB · 72×26Download
wordmark-secondary.png29 KB · 1600×580Download
symbol-primary.svg1.3 KB · 128×128Download
symbol-primary.png5.4 KB · 1024×1024Download
symbol-secondary.svg1.3 KB · 128×128Download
symbol-secondary.png5.4 KB · 1024×1024Download
avatar-primary.svg1.5 KB · 512×512Download
avatar-primary.png1.9 KB · 512×512Download
avatar-secondary.svg1.5 KB · 512×512Download
avatar-secondary.png1.9 KB · 512×512Download

Logo source files

logo.svg3.0 KB · 113×30Download
mark.svg802 B · 128×128Download

Core identity

Colour palette

Primaryprimary
HEX
#6658F5
RGB
102, 88, 245
HSL
245°, 89%, 65%
CMYK
58, 64, 0, 4
Aa4.91 · AAAa4.28 · AA large
--brand-primary
Secondarysecondary
HEX
#C9FF70
RGB
201, 255, 112
HSL
83°, 100%, 72%
CMYK
21, 0, 56, 0
Aa1.17 · FailAa18.02 · AAA
--brand-secondary
Whiteneutral
HEX
#FFFFFF
RGB
255, 255, 255
HSL
0°, 0%, 100%
CMYK
0, 0, 0, 0
Aa1.00 · FailAa21.00 · AAA
--brand-white
Blackneutral
HEX
#111111
RGB
17, 17, 17
HSL
0°, 0%, 7%
CMYK
0, 0, 0, 93
Aa18.88 · AAAAa1.11 · Fail
--brand-black
Paperbackground
HEX
#F9F8FF
RGB
249, 248, 255
HSL
249°, 100%, 99%
CMYK
2, 3, 0, 0
Aa1.06 · FailAa19.90 · AAA
--brand-paper
Inktext
HEX
#111321
RGB
17, 19, 33
HSL
233°, 32%, 10%
CMYK
48, 42, 0, 87
Aa18.44 · AAAAa1.14 · Fail
--brand-ink

Core identity

Typography

Download typography

AaThe quick brown fox jumps over the lazy dog400500600700
Interheading
Weights 400, 500, 600, 700Headingsfont-family: "Inter", sans-serif;Get the font
AaThe quick brown fox jumps over the lazy dog700
Avenir Nextdisplay
Weights 700Logo lettering (artwork)font-family: "Avenir Next", sans-serif;

Font files

TXTOFL.txt4.3 KBDownload
TTFInter[opsz,wght].ttf856 KBDownload

Core identity

Voice & messaging

Elevator pitch: TabTwin turns browser work into secure live sharing, workflows, SOPs, demos, tests, evidence, and human-approved automation.

Core identity

Brand guidelines

Download brand guidelines

Hosted guidelines page: https://tabtwin.com/brand/identity/brand-guidelines.html

Brand book

PDFbrand-guidelines.pdf364 KBDownload
HTMLbrand-guidelines.html11 KBDownload

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

pattern-01.svg13 KB · 1200×1200Download
pattern-02.png68 KB · 1200×1200Download
pattern-01.png60 KB · 1200×1200Download
pattern-02.svg13 KB · 1200×1200Download
pattern-03.svg13 KB · 1200×1200Download
pattern-03.png60 KB · 1200×1200Download

Visual language

Motion & animation

Download motion & animation

Animated logo

animated-symbol.svg6.6 KB · 200×200Download
animated-logo.svg9.7 KB · 127×41Download
animated-logo-loop.svg9.8 KB · 127×41Download
animated-symbol.webp15 KBDownload

Transitions & loaders

loader.svg6.6 KB · 200×200Download
static-loader.svg2.4 KB · 200×200Download
HTMLloader.html3.7 KBDownload
CSSloader.css7.1 KBDownload

Digital & web

Favicons & app icons

Download favicons & app icons

theme-color: #111321
Manifest background colour: #F9F8FF

favicon.svg

favicon-dark.svg1.5 KB · 128×128Download
favicon-light.svg909 B · 128×128Download

favicon.ico

favicon.ico803 BDownload

Apple touch icon

apple-touch-icon.png1.2 KB · 180×180Download

Android / PWA icon

android-light-192.png1.3 KB · 192×192Download
android-dark-192.png1.1 KB · 192×192Download

PWA icon

android-light-512.png6.2 KB · 512×512Download
android-dark-512.png5.4 KB · 512×512Download

Maskable icon

android-maskable-light-512.png5.8 KB · 512×512Download
android-maskable-dark-512.png5.6 KB · 512×512Download

Other files

WEBMANIFESTsite.webmanifest861 BDownload
safari-pinned-tab.svg1.4 KB · 128×128Download
ZIPfavicon-set.zip25 KBDownload
android-maskable-light-192.png1.3 KB · 192×192Download
android-maskable-dark-192.png1.2 KB · 192×192Download

Digital & web

Website & share images

Download website & share images

Default page title: TabTwin — Share the tab, not the screen
Meta description: TabTwin turns browser work into secure live sharing, workflows, SOPs, demos, tests, evidence, and human-approved automation.