A Precision

A German engineering datasheet made beautiful. Calm, exact, confident.

• #F7F7F5
• #1C1D1F
• #8A8F96
• #D9DBDE
• #E30613

IBM Plex Sans + IBM Plex Mono

1. Proof over adjectives: every number (4,500 mm, 250,000 h, ±tolerances) is set large in mono, like a spec sheet.
2. Visible 12-column hairline grid and dimension-line dividers make "precision" a visual system, not a claim.
3. Red is only a tolerance mark (≤ 5 % of surface) – the brand colour gains weight by being rare.
4. Machine park reads as a technical catalogue: spec tables plus axis-travel drawn to one common scale.

B Machine Hall

Walking into the hall at night shift – light on metal, red sparks of the brand.

• #0E0F11
• #22252A
• #C9CDD2
• #FFFFFF
• #E30613

Archivo (condensed) + Inter + JetBrains Mono

1. Full-bleed video and photography carry the story; condensed display type gives scale and ambition.
2. "Precision since 1994." with a single red underline – the old motto "The future belongs to us" in visual form.
3. Capabilities as a horizontal scroll-snap strip; reveals use CSS scroll-driven animation (no JS library).
4. Dark machine cards on light "plinths" with a native-popover lightbox per machine group.