# 7shifts landing page — Design reference

Reference: https://styleslibrary.site/website-inspiration/example/7shifts-landing-page/
Website: https://www.7shifts.com/
MCP reference ID: inspiration-2808

Screenshot: https://styleslibrary.site/wp-content/uploads/2026/09/7shifts.png

Website reference

Explore 7shifts’s landing page layout, with an archived screenshot and reference details.

The screenshot shows an earlier version of this website. The current site may have changed.

## Typography

SF Pro Text, Universal Sans

## Color palette

#000000, #4770ff, #f66507

## Use with your AI

Inspect the screenshot, compare useful layouts with other references, and propose an original responsive design before building. Adapt the ideas to the project; replace source branding and copy. Only report measurements supported by evidence.