24 sections
Opening…
About this design
Written from the capture data for Alpha School.
Alpha School (alpha.school) is a website in the Education category. Its homepage is captured as 9 sections, top to bottom: hero, features, content, features, content and footer. We also captured its about, blog, careers and shop pages. The hero leads with “A school where kids crush academics in 2 hours, build life skills through workshops, and…”.
The capture records a palette of #f8f8f8, #0000ef, #2d2d2d, #7a7a7a and #ffffff. The largest share of captured homepage sections uses #f8f8f8 as its CSS background. Suggested token roles are #f8f8f8 for background and #2d2d2d for text; check them against the screenshot. Headings are set in Montserrat, which it also uses for body copy.
Compared with the 108 other Education sites in the library, Alpha School sits with the 87% that stay light, and the group's most common heading face is Graphik, where Alpha School uses Montserrat. The average Education homepage here has 8 sections; this one has 9.
Worth studying here: the hero, for the relationship between imagery, type and navigation, the features block, for how benefits are grouped and paced and the footer, for link grouping and legal line. 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 education sites
Related searches
Sections captured: Hero, Features, Content, Content, Features, Content, Content, Content, Footer, Content, Features, Content, Content, Content, Blog, Content, Content, Features, Content, Features, Stats, Content, Features, Call to action