Skip to content
Contact us

brand guide

Digitalog Brand Guide

Logo, color, typography, spacing, radius, grid — one sheet.

Logo

Wordmark and symbol. Light and dark variants available.

Color palette

Five core colors. Hex, RGB, and Tailwind token in one row.

Typography

Inter · Noto Sans · Josefin Sans.

ScaleSizeWeight
H180px600
H248px600
H328px600
Body18px400
Caption13px400

Spacing scale

Base 4, nine steps — 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96

  • 4
  • 8
  • 12
  • 16
  • 24
  • 32
  • 48
  • 64
  • 96

Radius

Three stops — 8 / 12 / 24

Grid

12 columns · max 1280 · gutter 32

Do's & Don'ts

Do

  • Preserve the wordmark's aspect ratio
  • Maintain clear space equal to the 'D' height
  • Place on solid backgrounds
  • Use light or dark variant as the background dictates

Don't

  • Don't tilt or rotate
  • No shadows or outlines
  • Don't place over busy photography
  • Don't recolor outside the palette