Open welcome
An open palm toward the chair and laptop. The everyday brand signature.
Download SVG ↗Brand system / November 2026
Make room
for someone.
Give someone a seat in your browser. A quiet, confident identity built around one distinctive browser-and-chair-door silhouette.
Explore the kit ↓01 / The identity
One shape. Instantly yours.
The browser frame and chair-door opening are the permanent mark. The miniature scene adds a welcome when there is room to see it.
02 / Scene family
The mark leads.
The scene supports.
Scene 01 is the default. Scenes 04 and 05 are approved alternatives for contextual use. Keep the same main silhouette across all three.
Ready to help
A helpful pointing gesture. Use for onboarding, guidance and support.
Download SVG ↗
Your place is ready
A wider welcoming gesture. Use for invitations and welcome moments.
Download SVG ↗03 / Color
Clear blue. Quiet surroundings.
Use white and ice for breathing room, ink for reading, and cobalt for identity and primary actions.
Cobalt#2457FF
Ink#121A2B
Ice#EFF3FF
White#FFFFFF
Supporting tokens: muted text #58647A, borders #D8DFEF, connected status #167349. Use an explicit status label alongside a colored dot.
04 / Typography
Confident, with room to breathe.
Manrope for product and brand text. Restrained weights and careful spacing give the identity its tone. The approved wordmark is supplied as outlined artwork.
Manrope / Display 650
A browser
of their own.
of their own.
Aa Bb Cc 0123456789
Headlines: 48–88 px / 1.05–1.15 line height / −0.045 em tracking.
Product & body text
Manrope 450, 16 px, 1.6 line height. Use 500–650 for labels, controls and headings. Avoid heavy weights across entire screens.
Keep the wordmark intact
The logo lettering is converted from the approved design into vector paths. Use the supplied SVG. Do not replace it with live typed text.
Included & licensed
The variable font and its SIL Open Font License are included in fonts/. The guide works offline.
05 / Small-scale use
Keep the silhouette readable.
At small sizes, remove the miniature scene. The simplified mark is still the same BrowserSeat identity.
Use the core below approximately 160 px symbol width. Use the detailed scene where the man, chair and laptop can be distinguished.
Clear space
Keep at least one-quarter of the symbol width clear around an external logo lockup. Keep other icons, copy and edges outside that space.
Preserve the drawing
Keep the slanted opening, rounded seat step, three dots and original proportions. Do not stretch, add effects, or replace the cutout with a separate chair illustration.
06 / Product expression
Calm controls. Clear ownership.
A sample application of the identity: pale surfaces, blue actions, legible status and separate browser cards.
My browsers
Your browsers, guests and access settings.
Operations
Persistent profile
Guest connected
Research
Temporary profile
No guest connected
Brand application mockup. This is a visual sample, not a deployed application.
07 / Brand voice
Make access feel simple.
Direct, welcoming and specific. Tell people which browser is shared, who can use it, and how the host can manage access.
The promise
“Give someone a seat in your browser.”
The explanation
“Create an isolated browser on your computer and let someone use it remotely, through your connection.”
The invitation
“You've got a seat.”
“Join browser”
“Guest connected”
“Pause access”
Describe quiet background operation and host controls accurately. Avoid absolute claims such as zero resource use or guaranteed credential protection.
08 / Ready-to-use graphics
One identity, everywhere.
Editable SVG and matching PNG files. Social designs are templates and do not claim a live release.
Social share / 1200 × 630PNG ↗
Invitation / 1200 × 800PNG ↗
Profile cover / 1500 × 500PNG ↗
Wallpaper / 2560 × 1440PNG ↗
The working kit
Built to be used.
Vector and PNG logos, default and alternate scenes, app icons, favicon, avatars, social templates, a bundled font, and CSS / JSON design tokens.