Weekly Picks

The details worth studying.

Email address

No daily noise. Unsubscribe at any time. See the privacy policy.

Curated website design references

Website and landing page examples.

Hand-picked landing pages and websites, each with a scroll recording, full-page captures, and the details behind the design.

Browse

All AI Creative Other Retail

Websites Sections Categories Weekly Picks

Navigate

Info Sponsorship Submit a website Privacy

Settings

Feedback

Theme

Design Details

View Sections Related

Video

Sections

Heist features section: Can Decaf be as good as regular?

FeaturesCan Decaf be as good as regular?

Heist features section: For the late night conversations, and anyone who’s been told 1 pm is…

FeaturesFor the late night conversations, and anyone who’s been told 1 pm is…

Related websites

Inside the Heist website design

Heist is a retail website built with Shopify and Tailwind CSS. Its pages are built from features sections, shown here in full-page captures and a scroll recording. Typography: Feature Display Condensed (display text and headings), Forma Djr Micro (body text), and Forma Djr Mono (monospaced text). Colours: background #DDD6C7, text #161414, main buttons #FF3B27, surface #4489E8.

Specialty decaf and quarter-caf coffee, water-processed and roasted to order. All the ritual, none of the curfew. Drink it at 4pm, or at midnight. Its visual style is typographic, bold, and editorial, with announcement bar, navigation bar, and hero with background imagery among its components.

What to look for

Features: benefits framed around what the user gets, not internal capability names

Sections from Heist

Features: Can Decaf be as good as regular?
Features: For the late night conversations, and anyone who’s been told 1 pm is…

Similar websites

The Salad Project
CO'CŌŌN
Beauty In Stem
Saki
More retail website examples

Questions designers ask

What fonts does Heist use?

Heist uses Feature Display Condensed for display text and headings, Forma Djr Micro for body text, and Forma Djr Mono for monospaced text, measured from the captured page's CSS.

What is the Heist website built with?

The Heist website is built with Shopify and Tailwind CSS, detected when the page was captured.

What colours does the Heist website use?

Measured from the captured page's CSS, the Heist website uses #DDD6C7 for the background, #161414 for text, #FF3B27 for main buttons, and #4489E8 for surfaces.

What sections does the Heist website have?

The Heist website includes features sections. Each one opens on its own page, so you can compare it with the same section on other websites.

Heist

Open full capture

Specialty decaf and quarter-caf coffee, water-processed and roasted to order. All the ritual, none of the curfew. Drink it at 4pm, or at midnight.

heist.co

Details & actions

Visit website

Download DESIGN.md

Industry: Retail
Site type: Store
Platform: Shopify
Tech: Tailwind CSS
Style: Typographic, Bold, Editorial, Brutalist, Swiss Modernism
Business model: E-commerce, Shopping
Presence: Online
Components: Announcement Bar, Navigation Bar, Hero With Background Imagery, Product Card, Stat Block, Comparison Table, Testimonial Card, Gallery, Newsletter Form, Footer, Primary Button, Chat Widget, Ticket/Receipt Aesthetic
Typography: Display — Feature Display Condensed; Heading — Feature Display Condensed; Body — Forma Djr Micro; Mono — Forma Djr Mono
Palette
OG image