Optimizely
WebsitesAI to create and optimize digital experiences
42 sections
Opening…
About this design
Written from the capture data for Optimizely.
Optimizely (optimizely.com) is a website in the Marketing category. Its homepage is captured as 12 sections, top to bottom: hero, content, statement, features, content, statement, content, features and footer. We also captured its pricing, product, about, sign up, blog and docs pages, plus 1 more. The hero leads with “You're free to grow”.
The capture records a palette of #08251a, #ffffff, #abff44, #eff6e9, #0d3a29 and #91dbda. The largest share of captured homepage sections uses #ffffff as its CSS background. Suggested token roles are #ffffff for background and #08251a for text; check them against the screenshot. Headings are set in VC Henrietta Condensed, body copy in Die Grotesk B.
Compared with the 85 other Marketing sites in the library, Optimizely sits with the 88% that stay light, and the group's most common heading face is Inter, where Optimizely uses VC Henrietta Condensed. The average Marketing homepage here has 8 sections; this one has 12.
Worth studying here: the hero, for the relationship between imagery, type and navigation, the statement block, for large-type rhythm and the features block, for how benefits are grouped and paced. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.
More references: browse all websites.
More marketing sites
Related searches
Sections captured: Hero, Content, Content, Statement, Features, Features, Content, Statement, Statement, Content, Features, Footer, Content, Content, Features, Call to action, Content, Statement, Statement, Features, Features, Content, Content, Statement, Stats, Content, Content, Content, Stats, Features, Content, Content, Blog, Content, Content, Content, Features, Blog, Blog, Features, Features, Content