Blackline Studio — Bold Agency About Page for Divi 5

Full Landing Agency Bold

A bold, high-contrast Divi 5 agency about page with hero, principles, team, stats, and CTA — built for founder-led brand studios that ship in weeks, not months.

Rate this element

Be the first to rate

Download this section — free

Divi 5 JSON — import in seconds
Commercial license included
No account needed

Click to view the full page

Overview

Blackline Studio is a six-section, full-page about story built for agencies that would rather stop the scroll than blend into it. The palette is uncompromising: a near-black #0a0a0a field with charcoal card surfaces (#121212 and #141414), electric orange-red (#ff3b1f) reserved for eyebrows, headings accents, icons, avatar rings, buttons, and glow shadows, and body copy carried in translucent white at 72–78% opacity so nothing screams unless it earns the right to.

The hero opens with a 3⁄5 + 2⁄5 asymmetric row — a stacked eyebrow, a 64px Outfit headline with negative letter-spacing, a 560px-max lead paragraph, and a primary CTA sitting beside an 18px-rounded portrait ringed in a soft orange bloom shadow. Below it, three 1⁄3 comparison cards contrast "the old way" against "the Blackline way" in a strict left-aligned rhythm, then a centered How-We-Operate row of three icon blurbs lifts on hover with a -6px translate and deepened preset-3 shadow. A six-person team row uses circular 128px avatars framed by a 2px orange border, followed by a four-up receipts strip where 84px numerals do the heavy lifting, and the page closes on a dark-overlaid Pexels background CTA at 140px vertical padding.

Hierarchy is enforced by scale, not color: hero 64px, section H2s 52–64px, card H3s 24–28px, body 15–20px, all in Outfit with tight tracking. Spacing is generous and deliberate — 140/96/72px section padding across desktop/tablet/phone, 32px column gaps, 20px card radii, 1px hairline borders in rgba(255,255,255,0.08). On phone every row flips to a single column, headlines step down (64→48→36, 56→42→34, 84→72 for the stat numerals), and horizontal padding tightens to 6vw so the layout never feels cramped or overrun.

What’s inside

Full-page dark hero with asymmetric 3⁄5 + 2⁄5 row, eyebrow + 64px headline + lead paragraph + primary CTA + rounded portrait with orange glow shadow
"The Blackline Way" section with three 1⁄3 comparison cards, each contrasting an old-way vs new-way paragraph and one accent card with an orange hairline border
Centered How-We-Operate row of three icon blurb cards (Font Awesome + Divi icon set) with -6px hover lift and preset-3 shadow deepening
Six-person team row featuring circular 128px avatars with a 2px `#ff3b1f` ring, name/role/bio stack, and hover-elevated dark cards
Four-column receipts strip where 84px Outfit numerals carry years, brands shipped, category leaders and average engagement stats
Overlaid CTA closer with a dark-gradient Pexels backdrop (85%→95% black overlay) and centered eyebrow + headline stack
Built entirely from native Divi 5 modules — Section, Row, Column, Heading, Text, Image, Button, Blurb — no third-party dependencies
Documented responsive rules at 3 breakpoints: heading sizes, padding, column flow (row → column on phone), and image sizing all pre-tuned

Who it’s for

Purpose-built for independent brand studios, digital agencies, product design shops, and creative consultancies that want an about page with an opinion. The dark palette and blunt copy tone flatter positioning-heavy pitches — Series A/B service providers, growth marketing firms, brand strategy houses, indie dev studios, and boutique motion or 3D shops all sit inside the same aesthetic register. It also translates cleanly to adjacent "we do serious work" niches: architecture practices, high-end video production companies, dev agencies selling six-figure engagements, and freelance senior operators building a personal-studio brand. Skip it for playful, pastel, or family-friendly briefs — the contrast and weight are unapologetically bold.

Customization tips

Palette work should stay disciplined: swap #ff3b1f project-wide for your accent (keep it saturated — muted tones will collapse against the near-black), then decide if #0a0a0a becomes your base or if you want a warmer charcoal (try #0f0d0c). Card surfaces #121212 and #141414 are two-step siblings — move them together. Copy fits best when hero H1 lands in 6–9 words, the comparison card H3s stay under 40 characters, and each "old way / Blackline way" paragraph runs 25–45 words. The team bio caps around 220 characters before the 128px avatar card gets top-heavy. Portrait image is a landscape 940×650 slot — replace with a hero shot in the same 1.44:1 ratio; team avatars are square (crop tight, subject centered). The closing CTA background is a cover-sized Pexels landscape — 1600×1000 or larger keeps it sharp behind the gradient overlay.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Blackline Studio — Bold Agency About Page for Divi 5

How does this about page behave on mobile?

Every row that runs horizontally on desktop flips to a single column on phone. The hero portrait moves under the copy, the three principle cards, the three how-we-operate blurbs, the team row and the four stats all stack. Type steps down at each breakpoint (H1 goes 64→48→36, H2 56→42→34, the big stats 84→72), and section padding drops from 140px to 72px so nothing feels stranded.

Which Divi 5 modules does the layout use?

Only the core set: Section, Row, Column, Heading, Text, Image, Button, and Blurb. The Blurb module carries the how-we-operate icons (Font Awesome and Divi icon fonts), and everything else is standard Heading/Text/Image. No third-party modules, no shortcodes, no code injections — just native Divi 5.

Where do the images come from and can I replace them?

The hero portrait and CTA backdrop are Pexels images (compress URL params baked in) and the six team avatars use pravatar placeholders. Swap all of them before you publish — the portrait wants a landscape ~940×650, the CTA backdrop a large 1600px+ landscape, and the avatars any square headshot the Image module will crop into its circular 128px frame.

What should I edit first to make it mine?

Copy the entire page in, then edit in this order: hero H1 and lead paragraph, the three comparison-card headlines and their old-way/Blackline-way pair, the team names/roles/bios and avatars, the four receipts numbers, and finally the closing CTA headline and button target. Palette last — the structure already carries the tone.

Can I drop or duplicate any of the six sections?

Yes — each section is self-contained, so you can remove the team row, the receipts strip, or the how-we-operate row without breaking anything else. To add a fourth principle card, duplicate an existing 1⁄3 column inside the Blackline Way row; the flex row will wrap on tablet and stack on phone automatically.

Does the layout rely on custom CSS or code snippets?

No. All styling — the tight letter-spacing, the hover lifts, the preset box-shadows, the responsive font sizes, the 20px card radii — is set through Divi 5's native module options. You can rebuild or restyle any of it inside the visual builder without touching a stylesheet.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.