All case studies
Studio concept build

A one-page design-studio site tuned to the viewport.

Azentos is an in-house editorial concept built in plain HTML, CSS, and JavaScript to test full-bleed art direction, fluid scaling, and disciplined one-page performance.

Written by

Product
Azentos
Engagement
Studio build
Industry
Creative services
Focus
Art direction · Front-end · Performance
View live concept
The Azentos studio homepage, its wordmark over a monochrome fashion photograph beside project counts and client logos

The product problem

A design studio is judged on its craft before visitors read the first paragraph. The page needed to hold a full-bleed composition across very different screen heights, avoid horizontal overflow, and stay lean without a framework.

What Luminous built

01

Set the hero rhythm from viewport height so the page fits the screen without clipping its own content.

02

Anchored the photograph deliberately so wide crops preserve the subject.

03

Used fluid type and spacing values instead of a stack of arbitrary device-specific sizes.

04

Measured the footer wordmark as an inline child so fitting is based on the glyph width, not its containing column.

What the build delivers

Concrete product and engineering characteristics documented in the working build.

460 KBApproximate photography weight across the complete page.
5 breakpointsEach breakpoint handles one clear composition change.
0 overflowVerified from 320 through 1920 pixels.
1 pageA dependency-free static build with no runtime framework.

Product details reflect the reviewed build and its documented delivery state.