23 sections
Opening…
About this design
Written from the capture data for Osler.
Osler (osler.com) is a website in the Finance category. Its homepage is captured as 8 sections, top to bottom: blog, features, content, blog, features, call to action and content. We also captured its about, sign up, blog, careers, contact and security pages.
The capture records a palette of #ffffff, #21201e, #f5f5f5, #b40332 and #000000. The largest share of captured homepage sections uses #f5f5f5 as its CSS background. Suggested token roles are #f5f5f5 for background and #000000 for text; check them against the screenshot. Headings are set in EB Garamond, body copy in Noto Sans. The serif headings give it an editorial tone.
Compared with the 162 other Finance sites in the library, Osler sits with the 91% that stay light, and the group's most common heading face is Inter, where Osler uses EB Garamond. The average Finance homepage here has 8 sections; this one has 8.
Worth studying here: the blog teaser, for card anatomy and metadata, the features block, for how benefits are grouped and paced and the closing call to action, for contrast and copy length. 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 finance sites
Related searches
Sections captured: Blog, Features, Content, Content, Blog, Features, Call to action, Content, Content, Features, Content, Content, Features, Features, Features, Content, Features, Content, Content, Content, Features, Content, Content