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

The layout opens on an electric yellow (#ffd60a) section built around a deliberate visual collision. The left half is a full-bleed studio photograph locked to a 4:5 portrait ratio. The right half is a white card that overlaps the image by 128px using a negative left margin, a 3px solid dark (#0c0c14) border, and a hard 6px/6px box-shadow with no blur. This offset reads as physical and tactile rather than decorative, giving the hero the weight of a printed broadsheet pasted on a wall. Inside the card, an h1 set in Unbounded Extra Bold at 52px with -1px letter-spacing and textWrap: balance handles the headline, while a Work Sans paragraph and a blue (#2438ff) CTA button with the same border-and-shadow treatment close the composition. On phones the negative margin resets to zero, the card drops below the image, and the two columns stack cleanly without intervention.

The agency history section layers a workspace photo under a 70% opacity dark gradient, producing a near-black canvas that retains just enough photographic texture. Each of the four milestone cards (2016, 2019, 2022, 2025) is marked by a 4px white top border, a large year figure in Unbounded at 48px, an h3 milestone title, and a short Work Sans description. The grid reflows from four columns on desktop to two on tablet and one on phone, with row gaps tightening at each breakpoint.

Sections three and four handle the people. A four-column portrait grid pairs square 1:1 crops with Unbounded 20px names and 13px uppercase Work Sans role labels, each card anchored by a 4px dark top border. The following founder spotlight gives the co-founder a structurally distinctive portrait shape: 999px top-corner radii producing a pill arch at the top, 32px radii at the bottom. Three editorial paragraphs set in Unbounded at 22px and an italic signature line close the column, pushing this section well past a standard bio into a genuine manifesto.

The layout finishes with two heavily typographic sections on dark and photo backgrounds. A four-rule manifesto sequences numbered rows separated by 4px yellow horizontal dividers, each row holding a fixed 64px number label, a rule title at 34px, and a description constrained to 360px max-width. The final CTA places a white card (520px max-width, 3px border, white hard shadow) over a Pexels photo background, containing an open-house invitation and a blue button styled identically to the hero's, ensuring every section reads as part of one coherent visual system rather than assembled from separate templates.