Structural steel · Heavy construction
Brand identity guidelines — engineered with the same precision we build with.
Every tone is drawn from the job site: oxidized plate, galvanized sheet, and the flash of a cutting torch. The charcoal is lifted directly from the logo mark. Click any swatch to copy its hex.
A technical display face for structure, a precise grotesk for clarity, and a monospace for specs — the way a cut-list reads on a shop drawing.
Used for hero statements, section numerals, and the wordmark's "BOUW" lockup. Angular terminals echo the chamfered cuts in the monogram. Reserve for moments of maximum impact — headlines, not paragraphs.
Specs, hex values, dimensions, coordinates. Anything measured gets set in mono — it reads like a cut-list.
Inter carries every paragraph, label, and UI element. Neutral, legible, engineered for screens — it never competes with the display face.
A diagonal lattice modeled on a structural truss frame, with a rivet node marking every intersection. Use it at low opacity on dark backgrounds, behind quotes, or as a section divider — never as a busy foreground texture.
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg"> <rect width="120" height="120" fill="#1E222B"/> <path d="M0 0 L60 60 L0 120" stroke="#8B939C" stroke-width="1" fill="none" opacity="0.4"/> <path d="M120 0 L60 60 L120 120" stroke="#8B939C" stroke-width="1" fill="none" opacity="0.4"/> <line x1="60" y1="0" x2="60" y2="120" stroke="#8B939C" stroke-width="0.5" opacity="0.25"/> <line x1="0" y1="60" x2="120" y2="60" stroke="#8B939C" stroke-width="0.5" opacity="0.25"/> <circle cx="60" cy="60" r="3" fill="#FF6A18"/> </svg>
The same chamfered module scales from a business card to a 3-meter site banner without losing precision.
A working concept of the corporate site — same grid module, same cut corners, same restraint.