Brand Guidelines

How we write, design, and present the Sixhand brand — logo, typography, color, and usage rules.

Brand Logo Logo Usage Typography Colors Applications

The Brand

Who we are, the values that shape how we build, and the tone we use to talk about a network that only works because it’s trusted.

Everyone is six handshakes away

Positioning

Sixhand is a private professional network built around trusted paths. It is not a traditional job board, not a LinkedIn-style public feed, and not a mass-apply tool. Its value is helping people find opportunities through people they know, or through people their trusted contacts know — a closed trust network for jobs and projects, with no cold applications and no strangers.

Tone of voice

Direct and unpretentious — we write the way a trusted introduction sounds. Confident without being salesy, warm without being casual. We say “path” and “handshake,” never “network effect” or growth jargon. Copy should always make the trust mechanic legible: who’s connecting whom, and why it matters that they know each other.

Logo

The backstory of our mark, and the guidelines that keep it consistent and recognizable everywhere it appears.

The mark

The symbol is an abstract handshake — two interlocking forms that read as a single continuous shape, standing in for the chain of trusted introductions the product is built on. The wordmark pairs it with a clean, lowercase setting of “Sixhand” in Bricolage Grotesque, keeping the whole lockup confident but understated.

Clear space & minimum size

Keep clear space around the logo equal to the height of the mark itself on every side — nothing else should sit inside that zone. Below 20px tall (icon-only) or 90px wide (full lockup), switch to the icon mark instead of shrinking the wordmark further.

Logo on background

Two approved combinations — pick whichever gives the mark the most contrast. Never place the dark logo on a dark surface, or the white logo on a light one.

Icon mark

The mark on its own — for favicons, app icons, and anywhere the full wordmark won’t fit. Use the full-color version by default; switch to a flat black or white mark when the surface calls for a single color.

Logo Usage

The mark only stays recognizable if it’s never distorted. These are the most common mistakes to avoid.

✓Use the full-color lockup on a clean background

✓Keep the required clear space around it

✓Use an approved monochrome version on a busy image

✕Don't stretch or squash the lockup

✕Don't rotate or flip it

✕Don't recolor it outside the approved palette

✕Don't add drop shadows, outlines, or effects

TEXT

✕Don't crowd it — respect the clear-space zone

✕Don't place the dark mark on a dark background

Typography

Two typefaces, two jobs. Headings get personality; everything you interact with stays neutral and legible.

Bricolage Grotesque

Headings & display copy

Used for every page title, section heading, and hero statement — anywhere the brand needs a bit of character. Never used for body copy, buttons, or form fields.

Aa Bb Cc

Helvetica Neue

Body copy, buttons & fields

The workhorse — every paragraph, label, button, input, and nav item on the site sets in Helvetica Neue. Neutral by design, so the interface never competes with the content inside it.

Aa Bb Cc

Colors

A warm, restrained palette: black and a set of soft off-white surfaces do most of the work, with one accent color reserved for moments that need to pop.

Primary palette

Logos, buttons, key UI moments.

Black

#1c1a17

Light

#faf9f7

Beige

#ebe6de

Cream

#f0eeea

White

#ffffff

Accent colors

Tags, badges, and status pills across the product.

Accent

#ff3600

Applications

How the mark travels beyond the product — browser tabs, app icons, and social surfaces.

sixhand.io

Browser tab

App / home-screen icon