Shop · Contact page

Shop Contact Template

Support and store details.A shop contact page: a compact hero, a boxed contact details grid and a short FAQ — styled by your own design tokens.

When to use this template

A contact page succeeds when it answers three things fast: how to reach you, where you are, and when you are open.

This one is dressed in Shop copy and runs 5 sections, opening on the Vista navbar and closing with the Anchor footer. In between it covers hero, contact and faq.

At a glance

Page type
Contact
Business
Shop
Sections
5
Section types
5
Design tokens
Colour, Radius, Shadow, Spacing, Typography
Requires JS
No
Price
Free

5 sections in this page

Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:

  1. Vista

    Navbar

    Logo on the left, the inline nav centered, and a call to action on the right.

  2. Signal

    Hero

    A slim page header for utility pages: an eyebrow, one headline and a single line of subcopy, with no persuasive apparatus.

  3. Details

    Contact

    A grid of boxed detail tiles, one per channel — email, phone, address and hours — each with its own icon chip.

  4. Index

    FAQ

    A two-column grid of open question-and-answer pairs — nothing hidden, everything readable at a glance.

  5. Anchor

    Footer

    A minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.

Shop Contact template FAQ

How is Shop Contact different from Shop Home?
Both are Shop page templates, but they are built from different layouts — they have only 1 section in common. Shop Contact runs 5 sections and opens on the Vista navbar; Shop Home runs 8 and opens on the Vista navbar.
Can I use only part of the Shop Contact template?
Yes. The 5 sections are independent, so you can remove any of them and keep the rest. Vista and Anchor are page furniture you will usually replace with your own navigation and footer; everything between them is the page proper.
Do I have to write my own copy for Shop Contact?
The preview is filled with sample Shop copy so you can judge the layout at a realistic length rather than against placeholder text. It is meant to be replaced — the wording is sample content, while the layout and the design tokens are what you keep.
Shop Home A storefront that sells. Shop Bold Photography-forward retail. Shop Collection Browse the whole range. Shop Story The makers behind the goods. Shop Lookbook An editorial product showcase. Shop Bestsellers The pieces everyone wants.

All Shop templates →