Simplehuman Style Guide
Updated 1/23/2026
1. Font Hierarchy
Title - Section
Used for large section titles.
Title - Small
For when there are multiple blocks with titles in a section.
Text - Section Body
Section body copy typically paired with Title - Section.
Text - Body
General body text.
Small link.
2. Buttons
Hero image / video discover button.
Compare and shop cta.
Indepth page hero buy button.
Large modal trigger, used on Indepth page.
3. Margins
Desktop navigation has 40px of horizontal margin. All Block Builder sections should match this margin.
Mobile navigation has 30px of horizontal margin. All Block Builder sections should match this margin.
Common Section Structure
OPEN FOR BUSINESS
There’s a reason our open cans are in all of the most elegant businesses. It’s a formula we apply to all of our products: hyper-functionality and top-quality materials in a form that enhances any surroundings.
Title - Section
Text - Section Body
WHICH IS BEST FOR YOU?
BULLET
Designed to stay open so you don't have to slow down.
SEMI-ROUND
A flat back design for discreet wall placement.
SLIM
Made to elevate your space, even in the tightest spaces.
Title - Section
Title - Small
Text - Body
