Turbo IT — static site generator

Hero armature lab

Six hand-built heroes behind generate.turboit.uk. Each is a structural break, not a reskin — the point is that they share the same discipline while looking nothing alike. Open each at full width, then narrow the window to 375px.

trade SLAB Dark industrial. Grotesk type on near-black, glossy ink, giant wordmark, one accent pill. No photograph at all. Open → trade · table · showcase FRAME-PHOTO Photo-led. Grayscale ground with a brand-tint multiply and a three-stop scrim anchored to the type — not one flat wash. Open → table STACK Magazine. Warm paper, serif display, a full-bleed photographic band, and a spec row answering the only three questions a hungry person has. Open → chair · desk SPLIT Luxe editorial. Bone ground, delicate serif at large size, enormous negative space, one hairline seam, photo bleeding off the right edge. Open → desk only POSTER The Black Ink one. Flat saturated colour, mono mastheads, credential row, no CTA at all. Deliberately confined to one theme — ~6% of generations. Open → chair · showcase COLLAGE Gallery / lookbook. Offset three-up crop grid with the headline breaking its column and running over the gutter. Open →

What is constant across all six — and the only thing that should be: one font weight per family, hierarchy from size, tracking and opacity alone, a real hairline rhythm, legibility solved deliberately rather than with a lazy scrim, zero layout shift, and authored mobile geometry rather than inherited desktop numbers.

What varies: ground, display face, decorative motif, layout, and CTA treatment. That separation is what stops five templates all reading as the same site.

Every one passes the same gate before it ships:

These are the isolated builds used to measure the armatures. Live demos generated through the real pipeline are at generate.turboit.uk.