Blackline Studio — Bold Agency Home Page for Series A–C Founders

Full Landing Agency Bold

A bold, dark agency home page for funded founders — hero, stats, services, process, case study, pricing tiers, testimonials, and contact CTA. Built for Divi 5.

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 dense, high-contrast agency landing page built for founders who want the site to close the meeting before the meeting. The canvas is locked to a single near-black #0a0a0a with #141414 card surfaces, a signal-orange #ff3b1f accent, and off-white body copy — the kind of restraint that lets typography carry the weight.

The rhythm is deliberate: hero and case-study sections open with 140px of vertical breathing room, the metrics strip compresses to 70px so it reads as a proof bar, and everything reflows to 80px on phone so the page stays scannable in one thumb. The hero uses a 3/5 + 2/5 split with a 64px column gap and a 620px max-width paragraph so headline, subhead, and CTA never fall into a wall of text — an all-caps orange eyebrow, an 800-weight 72px headline with -2px tracking, a 20px lede, then a solid orange button paired with a red-underlined "See the work →" text link.

Under the hero, four 72px stat headings (148, $2.4B, 32, 9 wks) sit in a bordered proof strip, then the service grid stacks two 1/2 rows of dark cards with hover-lift (translate y:-6px) and a soft 40px shadow. A three-column "old way vs Blackline way" comparison uses inline red/white eyebrow spans to signal the flip, followed by a four-card 1/4 timeline where phase 04 is highlighted with an orange-tinted background so the eye lands on Launch. On phone, every row flips to flexDirection: column and card typography scales — 56px stat numbers, 40px hero — so nothing crushes at 375px.

What’s inside

Split hero row (3/5 + 2/5) with orange eyebrow, 72px 800-weight headline, 20px subhead, solid CTA button, secondary text link, and a rounded Pexels image with red glow shadow
Proof bar with four Outfit-set stat headings (148 / $2.4B / 32 / 9 wks) inside a bordered strip that reads as a mini social-proof band
Four-card service grid (Brand Strategy, Identity Systems, Messaging & Voice, Launch & Website) with Font Awesome + Divi icons, hover lift, and matching 20px radius
Three-column "old way vs Blackline way" comparison block using red and white eyebrow spans inside the same text module — clear before/after argument
Four-phase engagement timeline (Discovery → Positioning → Design → Launch) with the final card visually promoted via a translucent orange background and matching border
Case-study opener with a 64px display headline, 820px max-width copy column, and a 1/2 image column carrying a 30px/80px red-tinted shadow
Global dark palette (#0a0a0a base, #141414 cards, #ff3b1f accent) with consistent 20px card radius and rgba(255,255,255,0.06–0.08) hairlines throughout

Who it’s for

This page is aimed at B2B service brands that need to look sharper than their pitch deck: independent brand studios, product-design agencies, positioning consultancies, growth-marketing shops, and boutique dev/creative teams selling into funded startups. The stat strip, phased-engagement grid, and case-study block also fit fractional CMO or brand-advisory practices, venture studios pitching portfolio work, and B2B SaaS consultancies with a productized offer. The tone leans confident-and-loud, so it will suit teams whose buyers respond to a strong point of view — less appropriate for legal, healthcare, or wealth-management brands that need a quieter, more institutional aesthetic. If your homepage needs to justify a $25k+ engagement in the first scroll, this is the shape.

Customization tips

Swap the accent by editing every #ff3b1f instance — the eyebrows, stat numbers, icons, button background, box-shadow tint, and phase-04 border all use the same token, so a global find/replace re-skins the page in minutes. The dark base is #0a0a0a (sections) and #141414 (cards); lifting both to #0f0f14 / #1a1a20 gives you a cooler navy read without touching typography. Copy limits: keep the hero headline under 70 characters so the -2px tracking still lands on two lines, cap service-card titles at 24 characters, and hold phase descriptions to ~140 characters so the four-card row stays even. Replace the two Pexels images (hero and case study, both 1200×1400 source) with 6:7 portrait crops around 1200×1400 at 2× so the red glow shadow reads. Font Awesome and Divi icons can be swapped in-place — sizes are already set to 40–44px.

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 Home Page for Series A–C Founders

How does the layout behave on mobile?

Every multi-column row is set to `flexDirection: column` on phone. The hero image drops below the text block, the four-column stat bar stacks vertically, the 2×2 service grid becomes a single column, and headlines scale down (hero 72→40px, section headings 56→38px, stat numbers 72→56px). Section padding drops from 140px to 80px so the page stays tight.

Which native Divi 5 modules does it use?

Section, Row, Column, Heading, Text, Button, Image, and Icon — nothing else. No third-party modules, no shortcodes, no custom code. The service and phase cards are built with column-level backgrounds, borders, box-shadows, and hover transforms, so they stay editable in the visual builder.

What should I edit first after importing?

Start with the hero eyebrow, headline, and subhead, then the client logos line ("Trusted by 140+ funded teams…"), then the four stat numbers and their captions. After that, rewrite the four service cards and the three old-way/Blackline-way pairs — those blocks carry the whole positioning story.

The hero and case-study images are Pexels placeholders — do I have to replace them?

Yes. Both images are hotlinked from Pexels as design placeholders and are not part of the commercial license. Upload your own portraits, product shots, or brand imagery at roughly 1200×1400 (6:7 portrait) so the rounded 16–24px corners and red-tinted shadow read the way they do in the preview.

Can I re-color it without breaking the design?

Yes, but treat the accent as one token. `#ff3b1f` appears in eyebrows, icons, the CTA button, stat numbers, the phase-04 border and background tint, and the hero image's box-shadow color. Swap all instances at once to a single new hex and the page rebalances cleanly. Changing only some of them will leave the composition looking half-branded.

Is the engagement timeline card really highlighted differently?

Yes — three of the four phase cards use a translucent white background (`rgba(255,255,255,0.04)`) with a faint hairline border, while phase 04 (Launch) uses a translucent orange background (`rgba(255,59,31,0.08)`) and an orange border. That's intentional emphasis on the finish line; if you'd rather all four match, copy the phase-01 column styling onto phase-04.

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.