Preview image. Unlock full-res
Centered developer features section with a three-item accordion where the active row expands in dark green with icon labels.
Summary
A developer-focused accordion block under a centered headline, with one expanded dark-green row revealing supporting copy and two collapsed grey rows below.
Visual description
White background with a large centered black headline Accessible development and muted grey subcopy about Sierra empowering developers with the Agent SDK. Three full-width rounded accordion rows stack vertically. The top row is active: dark forest-green fill, white text, a code-bracket icon, title Modern developer experience, upward chevron, and expanded body copy about developing agents in existing programming environments. Two collapsed rows below use light grey backgrounds with dark text, box and document icons, titles Out of the box and Developer resources, and downward chevrons. Generous vertical spacing separates the header from the accordion stack.
Key takeaway
Using a single saturated accent on only the open accordion row makes the active state unmistakable without animation. Left-aligned icons plus title and right chevron create a scannable list pattern for technical audiences. Keeping collapsed rows visually quiet lets one message dominate at a time.
Reuse notes
Good for developer-tool or SDK landing pages explaining a small set of capabilities. Limit to three to five items; more rows will feel heavy. Forest-green on white reads enterprise and trustworthy; swap accent color to match brand.
