Skip to content
Foreground Get access

Brand

Brand assets.

The Foreground identity — a stripped-back F monogram with a single accent dot. Set in Inter Tight, tightened. Use the SVGs below; right-click to save, or click the download link on each card.

Wordmark
Wordmark

Mark + 'Foreground' lockup. Use on light backgrounds.

Download SVG
Wordmark — light
Wordmark — light

Inverted lockup for dark backgrounds.

Download SVG
Logomark
Logomark

Symbol only. Use for app icons, social avatars, favicons.

Download SVG
Logomark — light
Logomark — light

Inverted symbol for dark backgrounds.

Download SVG
Avatar — 512px PNG
Avatar — 512px PNG

Square PNG for Gravatar, social profiles, app store listings. Cropped to a circle by most clients.

Download SVG
Avatar — 256px PNG
Avatar — 256px PNG

Smaller PNG for places with tight upload limits.

Download SVG

Colours

  • Ink · #1F1F1B
  • Canvas · #FAFAF9
  • Cream · #F5F4F1
  • Accent · #CC390E
  • Muted · #6B6B66

Type

Inter Tight for display, Inter for body. Both are free on Google Fonts.

Foreground

The quick brown fox jumps over the lazy dog.

Usage

  • Don't recolour the wordmark. The accent dot stays #CC390E.
  • Don't stretch, skew, or apply effects. No drop shadows, no gradients.
  • Give it room. Minimum clear space equal to the height of the F.
  • For favicons and app icons, use the logomark on its rounded square.