FTNSS• BRAND ASSETS

Standardised company assets · Typography · LinkedIn · Twitter/X · Facebook banners + email signature

[ Typefaces ]

Typography

The STARK type system: one expanded display face, a grotesk for body, a monospace for data and labels, and two serifs used sparingly for brand voice. Loaded via next/font/google and exposed as --font-stark-* tokens (source of truth: src/app/fonts/stark.ts).

Display
Archivo
Weights 800–900 · width axis, expanded ~120%
UPPERCASE · tracking −0.02→−0.035em
--font-stark-display
Train
anywhere
Body / UI
Space Grotesk
Weights 400 · 500 · 600 · 700
Running text and interface copy
--font-stark-grotesk
Buy a day pass at any gym in the network. No membership, no lock-in. Space Grotesk carries body copy and interface text across the app.
Data / Labels
Space Mono
Weights 400 · 700
UPPERCASE · tracking 0.04–0.16em
kickers, buttons, prices, metadata
--font-stark-mono
[ Pay-per-session ]
$25.00 USD · FTNSS Score 8.4/10
Brand serif
DM Serif Display
400 roman + italic · used sparingly, never for body/UI
OG share cards · profile "Welcome back"
DM_Serif_Display
The world is your gym.
Welcome back.
Editorial greeting
Instrument Serif
400 italic · a deliberate one-off
the homepage "Hello, {name}" hero — warm, lowercase
Instrument_Serif
Hello, Jordan
Base UI
Inter
The app's neutral base face on routes not yet on STARK; a functional default, not a brand voice
next/font → Inter
Inter is the fallback UI font on legacy / non-STARK routes while the overhaul rolls out.

[ LinkedIn · 1584 × 396 ]

Profile banner

The STARK profile banner. Lower-left is kept clear for your LinkedIn profile photo. Download the PNG to upload directly, or the SVG for design use.

1584×396 · PNG exported at 3168×792

[ Twitter / X · 1500 × 500 ]

Profile header

The STARK header for the FTNSS X (Twitter) page. The lower-left is kept clear for your profile photo, which X anchors to the bottom-left of the header. Download the PNG to upload directly, or the SVG for design use.

1500×500 · PNG exported at 3000×1000

[ Facebook · 820 × 312 ]

Page cover

The STARK cover for the FTNSS Facebook page. Content is held to the upper band and centre so it survives Facebook’s mobile crop, with the lower-left kept clear for the page profile photo. Download the PNG to upload directly, or the SVG for design use.

820×312 · PNG exported at 1640×624

[ Email signature ]

Email signature

Fill in your details, preview, then copy. Paste into Gmail (Settings → Signature), Outlook, or Apple Mail — the formatting comes with it.

[ Desktop signature ]

Copies rich HTML — paste straight into your mail client

[ Mobile signature ]

Same signature with “Sent from my iPhone”

Adding it on iPhone (iOS Mail): iOS won’t load the logo if you paste this straight into Settings — it shows a blue “?”. Do this instead so the logo comes through:

  1. On desktop, click Copy mobile signature, paste it into a new email, and send it to yourself.
  2. Open that email on your iPhone — the logo now renders.
  3. Tap and hold in the message → Select All → Copy.
  4. Go to Settings → Apps → Mail → Signature and paste. The logo stays because iOS embeds the image it just rendered.