Support the page structure
For agency or product about pages that introduce the team, mission, and impact
Templates
About us
A two-column headline, supporting imagery, partner logos, and an achievements panel.
Keep the layout consistent
When the page combines a headline, supporting imagery, partner logos, and stats
Use it intentionally
For product launches or campaigns — use the landing page template instead
Default
Two-column headline, image grid, animated logo strip, and an achievements stats panel.
When to use
- For agency or product about pages that introduce the team, mission, and impact
- When the page combines a headline, supporting imagery, partner logos, and stats
- For storytelling pages that anchor a brand without selling a single product
When not to use
- For product launches or campaigns — use the landing page template instead
- For long-form articles or case studies — use the blog template instead
Keyboard support
Use the SGDS components inside the about us pattern so keyboard behaviour stays predictable.
Check focus order and action placement in the surrounding page context, especially when the pattern groups multiple interactive elements together.
Tab order
- Move focus into the pattern.
- Navigate through interactive elements in visual order.
- Confirm any revealed or supporting content remains reachable.
- Continue to the next interactive element on the page.
TabShift+TabEnterSpaceHave suggestions or feedback?
Share them with us on Slack → #ask-sgds-v3
Found a bug or issue?
Report it on GitHub Issues → sgds/templates/about-us