Skip to content

Brand

Brand guidelines.

The logo, colours, type and shapes of NFSS, for anyone reproducing them: printers, partners, signwriters and clients.

The triangle and NFSS, nothing else. The triangle is equilateral, turned 9 degrees and pointing back toward the source, with corners filleted at 8% of the side. Keep one wordmark cap height clear on every side. Below 48 px wide, use the triangle alone. Use the files as they are.

On white and light grounds
Reversed, on Blue 950
NFSS logo in one colour
One colour, for single-ink print
The triangle alone

Colour

The blue ramp and white, nothing else. Blue does every job a grey would. Cardboard is not a colour here: it appears once, as the board of the home page hero, and on it all text is Blue 950.

Blue

With white, the whole palette. 50 to 300 for grounds and rules, 400 is the triangle, 600 is the action colour, 700 to 950 is text.

  • 0FFFFFF
  • 50F3F8FC
  • 100E3EEF7
  • 200C6DCEE
  • 30093C4EA
  • 400Triangle38B6FF
  • 5000A97E0
  • 600Action0077BE
  • 7001F5583
  • 800Wordmark143B6A
  • 9000E2A4D
  • 950Ink081A31

Status

Published apart from the ramps, as every group brand does. Meaning only, never decoration. Text tone, tint, and the tone for dark grounds.

  • 1E7A52E8F4EE5CC596

    Success

    Sent, saved, approved.

  • B3261EFBEAE9FF8A80

    Error

    Something failed or needs fixing first.

  • A35200FBF0E3F2A94E

    Warning

    Check before continuing.

  • 1F5583E3EEF793C4EA

    Note

    Worth knowing, nothing wrong. Blue 700, apart from the Blue 600 action colour.

Type

Barlow, a grotesque drawn from road signs, in three widths, and JetBrains Mono for numbers. Headlines are set in capitals; everything is written in sentence case.

  • Barlow Condensed700, 800. Headlines and the wordmark, set in capitals.

    The factory behind the brand.

  • Barlow Semi Condensed600, 700. Kickers, labels, buttons, row titles.

    The factory behind the brand.

  • Barlow400 to 700. Everything people read.

    The factory behind the brand.

  • JetBrains Mono400, 500. Numbers a client could check: GSTIN, CIN, FSSAI, phone, coordinates.

    GSTIN 05AAFCN8887N1ZK

Shape

Every corner has a radius, the way a die-cut carton or a bent sheet of steel does. Buttons use 8 px and are never pills. There are no shadows.

  • 4 pxChips, swatches, tags

  • 8 pxButtons and inputs

  • 12 pxCards, labels, panels

  • 20 pxClient cards, frames

  • 28 pxLarge frames

As data

Everything on this page is also served as W3C design tokens, generated from the same source.

/brand/tokens.jsonQuestions about using the mark: help@nevaehfirstsource.com