FirstWebHub

The FirstWebHub brand

Logo, colour, type and motion for every page, file and email.

download the logo see the colours
The FirstWebHub mark: a glass tile with a glowing hub inside an open orbit that hints at the letter F

An F drawn as a network

The stem is grounded, the pink node is the hub, the emerald node reaches out.

FirstWebHub logo, full colour for dark grounds
Full colour on night. The default.
FirstWebHub logo for light grounds
Day version, for documents and email signatures.
FirstWebHub app icon
App icon and favicon.
FirstWebHub logo in one colour
One colour, for print and embossing.

Deep night, two bright signals

  • Night

    oklch 12.5% 0.027 290
    #060510

  • Ink

    oklch 96% 0.01 300
    #f3f0f8

  • Signal emerald

    oklch 80% 0.17 158
    #3cde93

  • Hub pink

    oklch 68% 0.22 0
    #fc4a93

Emerald carries actions, live states, glows and the hero verb. Pink marks the hub node in the logo.

Three voices, one each

  • I build, then keep improving

    Geist 600, tight tracking, lowercase heads

  • Clear sentences in plain words, for the person running the business.

    Geist, body and controls

  • status: pending

    Geist Mono, system readouts only

How it moves and speaks

Motion shows how things connect, then gets out of the way.

  • Lines draw, pulses travel

    Connections draw in once; a pulse can pause.

  • Scroll tells a sequence

    One pinned story a page, never on running text.

  • Say what happens

    Plain verbs. No invented numbers, reviews or promises.