Designed in Germany. Shipping worldwide.

BRAND KIT — IDENTITY SYSTEM V1.7 / RENAMED STELLFORM 2026-08-18

The Stellform System

The complete system: ORIGIN color (direction 01), KARBON headline type (direction 04, Chakra Petch 600 — headlines and the chrome wordmark), the Macula impossible-geometry brand faces — L-05 Line + Orange mark, W-03 outline display logotype — and the left-aligned chrome placement. This page renders with the live production tokens; it is its own compliance test. Machine-readable per the Google Labs Design MD spec.

DESIGN.MD — TOKENS + SPEC

01 — Logo & Wordmark

ALL LIVE TYPE — MACULA (BOLD MONDAY)

MARK — L-05 (LINE OVER SOLID ORANGE)

SS

MINIMUM 24PX. AT 16–24PX USE MACULA SOLID ALONE. ON PARTS: SOLID, EMBOSS 0.6MM / DEBOSS 0.4MM, ≥6MM.

ON DARK

SS

LINE LAYER FLIPS TO SURFACE WHITE; SOLID LAYER STAYS TACTICAL ORANGE.

CHROME WORDMARK — CHAKRA PETCH 600

STELLFORM

INVERTED

STELLFORM
  • NAV: LEFT-ALIGNED, SINGLE BAR (REINSTATED 2026-08-18)
  • MACULA LINE (W-03) RETIRED FROM CHROME — DISPLAY LOGOTYPES ONLY
  • NEVER BOLDED FURTHER; TRACKING WITHIN TOKENS

CHROME PLACEMENT — MARK AND WORDMARK NEVER SHARE A BAR

NAVIGATION — WORDMARK LEFT, LINKS INLINE, UTILITIES RIGHT

STELLFORM CART (0)

FOOTER — LARGE MARK LEFT IN THE BRAND COLUMN

SS HARDWARE · COMPANY ·
FIELD UPDATES COLUMNS

STANDALONE LOCKUP — DOCUMENTS, PACKAGING, AVATARS ONLY

SS STELLFORM
SS STELLFORM PRECISION MOUNTING SYSTEMS

GAP — STACK-SM (8PX), CAP-HEIGHT ALIGNED. WORDMARK IN CHAKRA PETCH 600 HERE ONLY.

DISPLAY LOGOTYPE — HERO / PACKAGING, ≥64PX (INVERTED ≥48PX)

SS STELLFORM
SS STELLFORM

PRIMARY: FILLED MARK + OUTLINE NAME (W-03). CAMPAIGN VARIANT: FULL LINE-OVER-ORANGE (W-02). ONE IMPOSSIBLE OBJECT PER VIEWPORT — UNLESS IT IS THE HERO.

02 — Color

60 / 30 / 8 / 2 DISTRIBUTION
SWATCHHEXTOKENROLESHARE
#1a1a1a charcoal / primary Primary text, structure, primary buttons 30%
#f5f5f5 background Surface — laboratory-grade canvas 60%
#ff6b35 tactical-orange / accent CTAs, mounting points, critical data ONLY 2%
#8c8c8c technical-grey Annotations, metadata, secondary copy 8%
#e0e0e0 border / input Blueprint rules, 1px dividers, input frames —
#eeeeee secondary Secondary panels, alternating table rows —
#ffffff card Mounted surfaces (cards, popovers) —
#2ecc71 success Confirmations only —

RULE — ORANGE IS A SIGNAL, NOT A DECORATION. IF EVERYTHING IS CRITICAL, NOTHING IS.

03 — Typography

CHAKRA PETCH · BARLOW · IBM PLEX MONO · MACULA

AaBb01

CHAKRA PETCH 600

DISPLAY — headlines, wordmark. Chamfered 45° terminals, always uppercase.

AaBb01

BARLOW 400–700

NARRATIVE — body copy, descriptions, UI prose.

AaBb01

IBM PLEX MONO 400–700

DATA — buttons, specs, SKUs, labels. Stamped-metal uppercase.

SWK01

MACULA LINE / SOLID

BRAND — the mark and chrome wordmark only. Never body copy, never buttons. Subset: STELFORMWK + 01.

display-lg

48px / 1.1 / -0.02em / UPPER

Chakra Petch 600

Precision Mounts

headline-lg

32px / 1.2 / -0.01em / UPPER

Chakra Petch 600

Hardware Selection

body-md

15px / 1.625

Barlow 400

German-engineered 3D-printed positioning systems for endurance athletes.

tech-label

12px / 1.4 / +0.06em / UPPER

IBM Plex Mono 500

SYSTEM V.2026 — ONLINE

button-text

12px / 1 / +0.04em / UPPER

IBM Plex Mono 700

ADD TO CART

spec-data

13px / 1.5

IBM Plex Mono 400

WGHT 18g · PA12 · ±0.1mm

04 — Spacing

4PX UNIT
unit 4px Base rhythm — everything snaps to it
stack-sm 8px Tight vertical stacks, lockup gap
stack-md 16px Default element spacing
gutter 24px Grid gutters, blueprint cell size
stack-lg 32px Section-internal spacing
margin-desktop 64px Page margins ≥ md
container-max 1440px 12-column grid width

05 — Elevation & Shape

MOUNTED, NOT FLOATING
shadow-hard-sm

Accent buttons

shadow-hard

Cards, panels, sheets

shadow-hard-lg

Overlays, drawers

CORNER RADIUS: 0PX EVERYWHERE. HARD 45° SHADOWS ONLY — NO BLUR, NO GRADIENTS, NO GLOW. ICONS: 2PX STROKE, SQUARE TERMINALS.

06 — Components

LIVE PRODUCTION STYLES

BUTTONS

INPUT / FIELD FRAME

EMAIL ADDRESS
SELECTED STATE — ORANGE FILL + X

SPEC TABLE

WEIGHT 18g
MATERIAL PA12 SLS
CLAMP 31.8mm
TOLERANCE ±0.1mm

BADGES / STATUS

DEFAULT CRITICAL DELIVERED OUTLINE

NEW-PRODUCT INDICATOR DOT

07 — Do / Don't

COMPLIANCE CHECKLIST

DO

  • Keep the nav wordmark Chakra Petch 600, uppercase
  • Keep one beam-width clearspace around the lockup
  • Hold orange to ~2% of any composition
  • Snap all spacing to the 4px unit
  • Use mono uppercase for every label, SKU and spec
  • 1px charcoal rules for primary boundaries

DON'T

  • Recolor, rotate, outline or stretch the mark
  • Set the nav wordmark in Macula — chrome is Chakra Petch 600
  • Use tactical orange for anything non-interactive / non-critical
  • Add corner radius, soft shadows or gradients
  • Use Macula for body copy, buttons or spec data
  • Letterspace the wordmark beyond 0.02em