Night Shift Studio — Minimal Creative_agency The Crew Page for Divi 5

The Night Shift Studio Crew page spans six distinct sections across a cool indigo-and-navy palette, moving from a split hero through a milestone timeline, a four-column team grid, a founder portrait with editorial body copy, a numbered values manifesto, and a full-width CTA bar. Every section is built exclusively from native Divi 5 modules (section, row, column, heading, text, image, button, group, divider) so nothing will break on a Divi core update and every element is editable without touching code.

Typography carries the structural hierarchy. Section openers pair a 13–14px uppercase Figtree label in muted slate (#596083) with large Plus Jakarta Sans display headlines: 64px on the hero h1, 56px on the values h2, 44px on the timeline h2. Those sizes scale in the JSON itself to 46px/36px (tablet) and 36px/30px (phone), so the visual weight reads correctly at every breakpoint. Section padding follows a consistent rhythm — 104px desktop, 72px tablet, 48px phone on the lighter background sections, stepping up to 128px on the two accent sections — giving the page a generous, unhurried feel that suits a studio positioning itself around considered work rather than speed.

The palette is cool but not flat. Most sections sit on #f5f6ff, an off-white with just enough blue to echo the indigo accent. Two dark counterpoints break the rhythm: the timeline section layers a background photo behind a solid rgba(30,33,64,0.7) gradient overlay on both stops, producing a deep-navy darkroom effect without a separate dark background color; the values section uses a straight #1e2140 fill. The indigo #4f46e5 appears only on the hero CTA button and the final CTA bar, so every instance reads as a genuine call to action rather than decoration.

The hero splits into a 16/24 left column (copy, CTAs) and an 8/24 right column (4:5 portrait image) on desktop; on phone both columns become full-width and stack column-first, with the copy block gaining 32px bottom padding to separate it from the image. The four-column team grid uses Divi 5's native flexType sizing (6/24 per column on desktop, 12/24 on tablet, 24/24 on phone) to reflow from four across to two across to a single column without a media query written by hand. The founder portrait section uses a 999px top-radius combined with a 32px bottom-left/right radius directly on the image module's border decoration, creating a pill-top frame that stands out from the square crops used elsewhere in the page.