RaTurka
Brand Identity

Brand Guidelines

Colors, typography, logos and usage rules for RaTurka and its products.

Brand Colors

All color values are managed via CSS variables. Use the reference values below for design work.

Signature

#30C5D8

HSL 187 64% 52%

Dark / Black

#000000

HSL 0 0% 0%

Light / White

#FFFFFF

HSL 0 0% 100%

Typography

Schibsted Grotesk is RaTurka's official typeface.

Typeface

Schibsted Grotesk

Weights

Black · 900Absolute Awareness • Engineering Standard
Bold · 700Absolute Awareness • Engineering Standard
Semibold · 600Absolute Awareness • Engineering Standard
Medium · 500Absolute Awareness • Engineering Standard
Regular · 400Absolute Awareness • Engineering Standard

Scale

5xl · HeadingRaTurka
3xl · SectionRaTurka
xl · SubRaTurka
base · BodyRaTurka
sm · CaptionRaTurka
xs · LabelRaTurka

Logos

Each logo comes in two theme variants. Use the dark logo on light backgrounds, and the light logo on dark backgrounds.

RaTurka

Horizontal

RaTurka Horizontal light

Light background

RaTurka Horizontal dark

Dark background

Stacked

RaTurka Stacked light

Light background

RaTurka Stacked dark

Dark background

Emblem

RaTurka Emblem light

Light background

RaTurka Emblem dark

Dark background

Badge

RaTurka Badge light

Light background

RaTurka Badge dark

Dark background

Favicon

RaTurka Favicon light

Light background

RaTurka Favicon dark

Dark background

RaGent

Horizontal

RaGent Horizontal light

Light background

RaGent Horizontal dark

Dark background

Stacked

RaGent Stacked light

Light background

RaGent Stacked dark

Dark background

Emblem

RaGent Emblem light

Light background

RaGent Emblem dark

Dark background

RaVision

Horizontal

RaVision Horizontal light

Light background

RaVision Horizontal dark

Dark background

Stacked

RaVision Stacked light

Light background

RaVision Stacked dark

Dark background

Emblem

RaVision Emblem light

Light background

RaVision Emblem dark

Dark background

RaDome

Horizontal

RaDome Horizontal light

Light background

RaDome Horizontal dark

Dark background

Stacked

RaDome Stacked light

Light background

RaDome Stacked dark

Dark background

Emblem

RaDome Emblem light

Light background

RaDome Emblem dark

Dark background

RaWarden

Horizontal

RaWarden Horizontal light

Light background

RaWarden Horizontal dark

Dark background

Stacked

RaWarden Stacked light

Light background

RaWarden Stacked dark

Dark background

Emblem

RaWarden Emblem light

Light background

RaWarden Emblem dark

Dark background

Usage Rules

Do

  • Use the logo with its original color proportions
  • Prefer the dark (-dark) variant on light backgrounds
  • Use the light variant on dark backgrounds
  • Respect minimum clear space (25% of logo height) around the logo
  • Use SVG format whenever possible

Don't

  • Do not stretch or distort the logo
  • Do not change logo colors
  • Do not place text on top of the logo
  • Do not use low-contrast backgrounds
  • Do not rotate the logo