Most small businesses don’t need a forty-page brand book. They need a handful of decisions made well and then used consistently everywhere: website, invoices, signage, Instagram, the email signature. This is how I approached my own brand, and the same approach goes into the Launch package for clients.

Decide what the brand has to say

Before anything visual, one sentence: WERKET helps small businesses see what’s possible and make it real, using human judgement and machine speed. Everything else is in service of that.

The phrase “See the possibility. Make it real.” on the homepage is that sentence compressed. The diagram beside it, a signal moving through a network to a single checked gate, says the same thing visually: lots of possibilities, one human decision, then fast execution. If your visual identity doesn’t express your one sentence, it’s decoration.

A wordmark before a symbol

A small business rarely needs a symbol on day one. It needs its name to be recognisable. WERKET is a custom wordmark drawn as a single vector shape, set heavy and tight, in capitals. It works at 18 pixels high in a browser tab and across the full width of the page footer, where it signs off every page.

A wordmark is cheaper than a symbol, harder to get wrong, and does more for recognition early on. Symbols can come later, when there’s something for them to stand for.

One colour, used with discipline

The palette is three colours:

  • Paper, a near-black: #0a0b0e
  • Ink, a soft white: #f1f3f5
  • Accent, an electric lime: #d2ff5a

Plus a muted grey for secondary text and a line colour for rules. That’s the whole system.

The lime does all the brand work. It marks the wordmark, the primary button, the emphasised half of each headline, prices and focus outlines. Because it’s rare, it’s noticeable. The moment a brand uses its accent everywhere, the accent stops meaning anything.

For clients, I usually push for the same restraint: one neutral pair and one colour that is unmistakably theirs, chosen to pass contrast checks against both.

Dark first, light on request

The site defaults to dark, because it suits the brand: technical, a little cinematic, focused on the work. A switch in the header changes it to a warm light theme, and the choice is remembered on the visitor’s device. The light theme isn’t an inversion; the lime becomes a deep olive so it still passes contrast on pale paper.

Designing both themes from the start forces every colour to be a named token rather than a one-off value. That discipline pays off far beyond theming: it makes the whole site easier to change.

Most client sites don’t need two themes. The lesson that transfers is the tokens.

Type: system fonts and a mono voice

The headings and body use Helvetica Neue, falling back to the system sans-serif. There’s no web font download for the main text, so pages render immediately. A monospaced face handles the small labels: eyebrows, prices, navigation. It gives the site a slightly technical, documented feel, like a well-kept project file.

Two typefaces, each with a job, is enough for almost any small business.

Motion that means something

The site moves: a faint neural network drifts behind every page, fires occasionally and wakes up near the cursor; the hero signal travels through the network to the decision gate; page changes start with a small burst. It’s the same idea as the wordmark and the diagram: possibilities, judgement, action.

Two rules keep it from being a gimmick. It always respects the visitor’s reduced-motion setting, and nothing important depends on it. With motion off, or JavaScript disabled, every word and link is still there.

Make the brand do practical work

A brand earns its keep in boring places. For WERKET that meant:

  • Email signatures that render properly in Apple Mail and Gmail.
  • Logo files in every format someone might ask for, including PNG exports so a printer without the font still gets the right result.
  • Share images so links look intentional when posted.
  • Case study pages where each client’s own brand sits inside the WERKET frame without clashing.

Clients on the Launch package get the same practical set: social, email signature and business card templates, built from the brand, so the first week of using it is easy.

What I’d tell another designer

  • Write the one sentence before opening a design tool.
  • Get the name right before you design a symbol.
  • Limit the palette, name every colour, and make the accent rare.
  • Use fewer typefaces, each with a clear role.
  • If you add motion, make it say the brand’s sentence, and make it optional.
  • Ship the boring files. That’s where clients feel the brand every day.