Preview image. Unlock full-res
DEI page with a tall portrait and an "Olo Ties" stat callout box on the left-center, multi-column program copy on the right, and a pull-quote across the bottom.
Summary
The DEI page: two columns of copy on the left, a tall portrait with an "Olo Ties" stat callout box in the center, multi-column program copy on the right, and an attributed pull-quote running along the bottom.
Visual description
Near-white page with running nav and page number "11". The left column carries the "Diversity, Equity, and Inclusion" heading and two paragraphs. The center stacks a tall portrait of a smiling woman over a faint grey rounded callout box titled "Olo Ties" that holds a short paragraph and a blue progress bar reading "96%". The right side is a multi-column block of program copy under subheads ("Hiring", "Training", "Engagement", "Events & Programs"). Along the bottom, a bold pull-quote in quotation marks is attributed to "Dominique Streeter, DEI Director".
Key takeaway
The callout box with a progress bar tucked under a portrait: a compact way to drop one hard metric into an otherwise narrative page. Subheading the right column into named programs keeps a dense block of DEI copy navigable, and the full-width bottom quote gives the page a human sign-off.
Reuse notes
Good for any page that mixes a personal story, several program areas, and a single highlighted statistic. The portrait-plus-callout unit is reusable as a "spotlight stat" device. Dense pages like this rely on small type and clear column gutters to stay readable.
