Brand guidelines

The Trivox brand system.

Logo, colour, type and components for designers, printers and partners. Download the files you need.

01 · Logo

The Bolt T

The T of Trivox is drawn as a power line, with its stem formed by a lightning bolt: power delivered safely and under control. Use the horizontal lockup by default and the stacked lockup in square spaces.

Symbol & icons

Symbol SVGApp icon SVGApp icon 512Social profile 1080Favicon SVG

Clear space & size

Keep clear space equal to the height of the T bar on all sides. Minimum width: 120 px on screen, 30 mm in print. Symbol alone: 16 px minimum.

Don't

Don't stretch, rotate, outline, add shadows or gradients, recolour the bolt, place the colour logo on busy photos, or set the wordmark in another font.

02 · Colour

Palette (all pairings WCAG AA)

  • Aa

    Grid Navy

    #0B1F3A

    Primary. Backgrounds, headings, logo.

    16.6:1 with white (AA)

  • Aa

    Deep Blue

    #13325C

    Secondary dark surfaces, hover.

    12.6:1 with white (AA)

  • Aa

    Signal Amber

    #F5A524

    Accent. Buttons, highlights on navy. Never for text on white.

    8.8:1 with navy (AA)

  • Aa

    Amber Ink

    #8A5300

    Amber-family text on white/mist.

    5.9:1 with white (AA)

  • Aa

    Circuit Blue

    #1F5FBF

    Links on light backgrounds.

    6.1:1 with white (AA)

  • Aa

    Slate

    #475467

    Body text secondary.

    7.6:1 with white (AA)

  • Aa

    Mist

    #F3F6FA

    Light section background.

    15.4:1 with navy (AA)

  • Aa

    White

    #FFFFFF

    Cards, light backgrounds.

    16.6:1 with navy (AA)

03 · Typography

Sora + Inter

Sora Bold — Display

Sora Semibold — Headings

Inter Regular — Body text for long reading, forms and UI. 16–18 px on screen, line height 1.6.

INTER SEMIBOLD — KICKERS, 13 PX, +0.14EM

Both are open-source (SIL Open Font License) and free on Google Fonts. Self-hosted on this site.

04 · Taglines

Voice

Primary: “Powering Tomorrow, Securing Today.”

Short: “Power. Protect. Connect.” — for vans, uniforms, social and small spaces.

Write plainly and confidently. Lead with the outcome for the client, back it with how we do it. Never claim a client, certification, number or result that isn't confirmed.

05 · Icons

Line icons

24 px grid, 1.75 px stroke, round caps and joins, no fills. Navy on light, white or amber on navy.

  • sun
  • bolt
  • snow
  • battery
  • shield
  • network
  • chip
  • drop
  • wrench
  • compass
  • box
  • building
  • clipboard
  • headset

06 · Photography

Real crews, real sites

Use real Trivox photos first: people at work, PPE visible, tidy installations. Grade slightly warm and contrasty. On dark heroes, use a navy overlay so text stays readable. Never use stock photos presented as our team or projects; label generic visuals as illustrations. Blur other companies' names and phone numbers.

Two Trivox technicians in orange overalls and hard hats installing solar panels on a tiled roof

07 · Components

Buttons, cards & spacing

Primary actionSecondaryOutlineWhatsApp
On navyGhost on navy

Spacing scale: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 px · Radius: 10 px buttons/inputs, 16 px cards, 24 px media · Max content width 1200 px

WhatsApp