Brand

The Fjerne brand

Find the copy. Protect the original. The logo, colours and type, with files to download and the few rules for using them.

Logo

The shield and the wordmark

A shield over a store, with a photo being lifted out of it: what gets copied, and the protection around it. The wordmark is FJERNE in Arvo Bold capitals, with the F and J set apart from the rest.

  • Shield: the protection
  • Browser window: your store
  • Photo lifted out: what gets copied

Using the logo

  • On white or Ice White, use the navy shield with a navy F and J. On navy or photos, use the teal shield with a white F and J.
  • The F and J are always the strong colour and E R N E always Signal Teal: the two letters people tend to skip are the ones that stand out.
  • Leave clear space around it at least the height of the wordmark's letters.
  • Below 24 pixels tall, use the shield alone. The site's favicon uses a simpler shield drawn for 16 and 32 pixels.

Please don't

  • Recolour the shield or the wordmark, or swap which letters are teal.
  • Stretch, rotate or add effects to it.
  • Set the wordmark in another typeface or in lower case.

Colour

Five colours, each with a job

Amber and Coral Red carry meaning across the site and the product: Amber marks a potential clone, Coral Red a confirmed one. Keep them for that.

#0E1B2D

Midnight Navy

Primary: text, dark surfaces

#28C7C9

Signal Teal

Accent and actions

#EAF4F6

Ice White

Light surfaces

#F2AC4A

Amber

Potential clones

#DC5267

Coral Red

Confirmed threats

On a light page, Signal Teal is a fill, not a text colour: buttons are teal with navy text, and links use a deeper teal (#0A7477) so they stay readable.

Type

Four typefaces

Aa

Arvo

The wordmark only. Bold, in capitals.

Aa

Space Grotesk

Headings. Bold and Semibold.

Aa

Inter

Body text and interface. Regular, Medium and Semibold.

Aa

JetBrains Mono

Domains, file names and evidence: anything a reader might compare character by character.

Downloads

Logo files

SVG for anything that scales, PNG where SVG is not accepted.

Logo, for light backgrounds

Logo, for dark backgrounds

Shield, for light backgrounds

Shield, for dark backgrounds

App and browser icons

Favicon
Apple touch icon
App icon
Maskable icon