Client
AzentosTimeline
Studio buildProduct
Concept build, single-page studio marketing siteIndustry
Creative ServicesDesign StudiosMarketingAzentos is a concept build for a design studio, produced in-house as a reference rather than for a client. A studio site is judged on its own craft before anyone reads a word of it, so the page had to hold a full-bleed editorial hero at every screen height, stay free of horizontal overflow at any width, and do all of it in plain HTML, CSS, and JavaScript with no build step and no dependencies.
Set the hero's vertical rhythm in viewport-height units rather than fixed sizes, so the headline lands about a quarter of the way down and the whole panel fits the screen at any height.
Anchored the hero photograph to its top edge, so a wide viewport crops from the bottom and keeps the model's crown just under the top of the frame.
Sized type and spacing with clamp() instead of per-breakpoint values, then verified zero horizontal overflow from 320px to 1920px.
Fitted the footer wordmark in JavaScript by measuring an inline-block child, because scrollWidth is clamped to its box and reports the column width whenever the type is smaller than the column.
About 460 KB of photography across the whole page, with no framework or runtime dependency behind it.
Five breakpoints, each with a single job, from the two-up work grid at 600px to the locked composition at 1440px.
A hero that fills one screen at any height and can be pushed taller by its own content rather than clipping it.
Documented failure modes for the accordion grid, the badge sizing, and the wordmark fit, so the next person to touch the file does not reintroduce them.
