Semrush growth-stage accordion

Mint split-header section with a three-row accordion for Enterprises, Entrepreneurs and SMBs, and Agencies, first row expanded with copy and Visit page link.

Styleminimal, light-mode, corporate-clean, boxed

Colorlight, pastel, muted, monochrome, cool

Typesans-serif, display, all-caps

Moodprofessional, trustworthy, calm

Industryagency, b2b, marketing, saas

Elementsaccordion, button-secondary

Tagsaudience-segmentation, plus-minus-accordion, visible-borders, visit-page-link, growth-stages, accented-neutral, cool, teal, neutral

Palette

#DEEEEB

#A0AEA9

#6B7670

Summary

Mint split-header section with a three-row accordion for Enterprises, Entrepreneurs and SMBs, and Agencies, first row expanded with copy and Visit page link.

Visual description

Very light mint page with a two-column header: left all-caps headline BUILT FOR EVERY STAGE OF GROWTH, right paragraph on brand visibility scaling with ambition. Below, a full-width accordion separated by thin dark horizontal rules. For Enterprises is expanded with minus icon, body copy on unified SEO and AI visibility for complex stacks, and an underlined Visit page arrow link. Collapsed rows For Entrepreneurs and SMBs and For Agencies show plus icons on the right with titles only visible.

Key takeaway

Audience-based accordion avoids three separate landing sections while keeping copy depth for the primary segment. Thin dividers and no card chrome make the pattern feel editorial. Underlined text link instead of a loud button suits secondary navigation inside an accordion.

Reuse notes

Homepage or pricing-adjacent bands when one product serves multiple buyer types. Default one row open so the section is not empty on load. Needs distinct copy per segment; repeating the same paragraph defeats the pattern.