Fe Tech LLC — design language

Technical drawing

The page is a drawing, not a brochure: one ink, one paper, a visible column grid, hairline rules, square corners. No gradients, no glow, no blur, no soft shadows. The only colour that exists is inside the device screens — the client’s product is the single coloured object on the site.

Ink
Ink#000000
Bone#EDE9E3
Dim#8A8781
Rule17% bone
Colour — permitted inside screens only
#FF3B2F
#FFD400
#0A84FF
#30D158
Type — one variable family, three widths
Archivo 125 Archivo 100 Archivo 62

Headlines, labels and body are the same typeface at different widths on the wdth axis. The axis is animated: the hero word stretches from 62 to 125 on load, captions widen on hover, the email address widens as you point at it. Nothing else moves for decoration.

Motion
Width axis

Type changes shape rather than fading in.

Clip wipes

Blocks are uncovered from the baseline up, like a plotter.

CAD viewport

A live WebGL wireframe of the four devices, orbiting with the cursor.