Bureau of Bad Ideas — Bold Creative_agency Process Page for Divi 5

The layout opens on a white section divided into an asymmetric 2-column row: the wider left column (16 out of 24 flex units on desktop) carries a breadcrumb text module and the H1 in Unbounded at 52px, weight 800, -1px letter-spacing, near-black #0c0c14 fill. The narrower right column (8 units) holds a single 18px lead-in sentence in Work Sans, so the headline dominates the row without competition. A 1px solid border at the section bottom closes it like a newspaper masthead. On mobile both columns collapse to a stacked single column and the H1 steps down from 52px to 40px at tablet and 32px at phone.

Section two stays white and introduces the three-step methodology in a reversed 2-column layout. The left column (8 units, with an eyebrow H4 label, an H2 in Unbounded at 44px, and one short line of body copy) acts as an anchor; the right column (16 units, with a 48px left indent on desktop that collapses to zero on phone) runs the steps themselves. Each step opens with a text module using Unbounded at 80px, weight 700, -2px tracking, so the numeral functions as a display graphic rather than a simple count. Between steps, a Group containing a Divider module draws a 2px solid line, adding rhythm without any image assets. Step headings are H3 at 26px; body copy sits at 17px Work Sans, 1.6em line height across all body text throughout the layout.

Section three shifts to the acid-yellow (#ffd60a) background and frames an agency comparison in two side-by-side Group-module cards. Each card carries 44px internal padding, a 3px solid border in #0c0c14, and a flat box shadow offset 6 pixels on both axes with no blur, giving the cards a screen-printed weight that matches the zero-border-radius geometry used everywhere. The left card (white background) pairs Font Awesome X icons in #3d3d52 with four critique lines; the right Bureau card inverts fully to an #0c0c14 background with all text and checkmark icons in #ffd60a. The Bureau card closes with a CTA button that carries its own 6px flat shadow and a -4px translate-Y hover lift. Section four continues on yellow with a four-step vertical timeline built entirely from Group modules: a 14px-square block in electric blue (#2438ff) serves as the node, and a 2px-wide dark Group with flexGrow stretches the connector line to the next step. The final step omits the growing connector, ending the timeline cleanly.

Section five keeps the yellow background and presents five Divi Toggle accordions inside a bordered container (4px top border, 3px bottom border per item). Question titles use Unbounded at 28px weight 600, maintaining the display-face logic established in the earlier sections. The final section fills a full-width electric-blue (#2438ff) band with a horizontal flex row that places the H2 headline on the left and the button group on the right at desktop, collapsing to a stacked column on mobile. Padding follows a consistent three-step ladder across all sections: 80px desktop, 56px tablet, 36px phone.