7shifts
WebsitesRestaurant Scheduling, Payroll, and Retention tools in…
48 sections
Opening…
About this design
Written from the capture data for 7shifts.
7shifts (7shifts.com) is a website in the Productivity category. Its homepage is captured as 9 sections, top to bottom: features, content, features, content, integrations, features, content and features. We also captured its pricing, customers, about, sign up, docs and enterprise pages, plus 2 more.
The capture records a palette of #000000, #ffffff, #4570ff, #fbfaf8, #f1f0ec and #6e6d6c. The largest share of captured homepage sections uses #f1f0ec as its CSS background. Suggested token roles are #f1f0ec for background and #000000 for text; check them against the screenshot. It uses a system font stack.
Compared with the 77 other Productivity sites in the library, 7shifts sits with the 79% that stay light, and the group's most common heading face is Inter. The average Productivity homepage here has 10 sections; this one has 9.
Worth studying here: the features block, for how benefits are grouped and paced, the integrations grid, for density and icon treatment and the logo cloud, for how social proof is placed without shouting. 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 productivity sites
Related searches
Sections captured: Features, Content, Features, Features, Content, Integrations, Features, Content, Features, Content, Logo cloud, Features, Content, Content, Content, Call to action, Features, Content, FAQ, Content, Content, Features, Features, Features, Features, FAQ, Features, Content, Call to action, Features, Features, Features, Call to action, Content, Features, Features, Features, Features, FAQ, Features, Content, Content, Content, Content, Content, Content, Content, Features