Show the work
Product imagery, measurements, status, and the current task carry the page. Decoration never competes with the thing someone came to do.
PoleFX / DIN Precision / 1.1
Built like equipment.
A visual language for every PoleFX page, from the public storefront to the bench. Precise, direct, and recognizably ours.
01 / Direction
Stage Plot. DIN Precision.
Stage Plot is the underlying logic: a touring rack, cue sheet, or well-made instrument panel rather than a software template. DIN Precision is the selected expression: engineered type, tighter rhythm, and sharper hierarchy. Color behaves like a signal.
The system is deliberately flat. It does not use ambient purple glow, gradient text, gradient buttons, glass surfaces, floating cards, or a colored stripe attached to every message.
Use containment once
A section may need one boundary. Do not place a card inside a card inside a glowing shell. White space and rules are usually enough.
Color is a signal
Pink means primary action or PoleFX identity. Cyan means readout, link, or focus. Status colors describe state. Most of the interface stays neutral.
Earn every curve
Default surfaces and controls are square. The clipped corner belongs to decisive actions, not every box. Circles are reserved for truly circular data or controls.
Write like a technician
Lead with the outcome, name concrete objects, show units, and say what happens next. Skip inflated product language and ornamental microcopy.
Recommended moves
Build the hierarchy into the page.
These are the repeatable visual decisions that make a PoleFX surface recognizable before the logo appears.
01 / Hierarchy
Let type do the heavy lifting.
One decisive DIN headline establishes the view. Calm working text explains the task underneath it.
02 / Signal
Give every color one job.
Pink identifies the action. Cyan carries focus and readout. State colors report state.
03 / Containment
Draw one honest boundary.
Contain the workflow once, then use alignment and rules inside it. Avoid shells nested three levels deep.
04 / Geometry
Square until the function earns a curve.
Surfaces stay square. The clipped corner marks the decisive action, not every container.
05 / Density
Change density, not identity.
Public pages breathe. Operational pages compress. Both keep the same type, rules, controls, and color roles.
Remove on sight
Ambient glow
Gradient action
Decorative edge stripe
Default pills
Card confetti
02 / Foundation
One palette. Two voices.
Stage Black is the normal digital canvas. Paper is the light-mode and print counterpart. Public pages can breathe; operational pages can run dense. They share the same type, rules, actions, and status language.
240Frames
Display + labels / DIN-led stack
Large labels are compressed, uppercase, and structural. They appear once per view, never in every card.
Body / Avenir-led system stack
Instructions stay calm and highly readable. Monospace is limited to measurements, addresses, codes, timestamps, and short technical labels.
12 × 240 px / 60 fps / 192.168.5.11
| Token | Use | On Stage | On Paper |
|---|---|---|---|
| Paper | Primary text | AAA | Canvas only |
| Fog | Secondary text | AAA | Do not use |
| Signal Pink | Primary action, identity | AA | Large text only |
| Readout Cyan | Focus, links, values | AAA | Do not use for text |
Surface recipes
Use tested roles, not improvised combinations.
Stage / default digital
Output profile12 × 240
Paper carries the instruction. Fog carries supporting detail. Cyan is a link or measured value.
Open profile →Paper / light + print
Installation noteKeep the signal path visible.
Stage carries body text. Muted neutral supports it. Pink is reserved for identity, actions, and large graphics.
Read specification →Success
#3DDC97Warning
#F5A623Danger
#FF5470State colors report outcomes. They do not become alternate brand palettes.
03 / Assets
Identity files.
The dotted FX mark is primary. Use the simplified mark below 40 px or when the production method cannot hold halftone dots. Never redraw, typeset, stretch, crop, rotate, or recolor the mark.
Download all logos
Clear space + size
Logo- Clear space: at least the height of the F stem on every side.
- Dotted mark: 40 px screen or 15 mm print minimum.
- Simplified mark: 16 px screen or 6 mm print minimum.
- Use the simplified mark for any cut, stitched, or engraved process.
FX favicon
Usage specimens
Show the production decision.
Clear space
Protect one F-stem on every side.
Keep type, other marks, and hard edges outside the measured zone.
Mark handoff
Change marks before the dots fail.
Embroidery, cut vinyl, screen print, laser, and CNC always use the simplified mark.
Digital submark
Use the FX signal below wordmark size.
The rounded black tile belongs to this asset only. Never squeeze the full wordmark into a square.