For Sophie · Not part of the live store
Shopify build notes
This preview is designed to be rebuilt in Shopify’s theme editor using standard sections, with no custom code or apps needed. Switch on Show Shopify sections (bottom right) on any page to see which section each block is.
Pages and templates
Create each page in Online Store → Pages (or Blog posts for the interview), then give it its own template in the theme editor so it can have its own sections. The addresses in this preview already match Shopify’s.
| Page | Shopify address | Template | Sections, top to bottom |
|---|---|---|---|
| Home | / | index | Image banner (split) · Featured product · Rich text + Multicolumn · Image with text · Rich text (quote) · Collapsible content |
| Work trousers | /products/work-trousers | product | Product information (with collapsible tabs) · Rich text · Multicolumn · Multicolumn (timeline) |
| Our story | /pages/our-story | page.about | Image banner (split) · Rich text ×4 · Rich text (quote) · Image with text · Rich text (call to action) |
| Women in industry | /blogs/women-in-industry/… | article | Blog post (title, image, content) · Rich text (quote) · Multicolumn. The blog “Women in industry” holds future interviews. |
| Size guide | /pages/size-guide | page.size-guide | Main page (title) · Multicolumn · Page content (table) · Collapsible content |
| Help & FAQs | /pages/help | page.faq | Main page (title) · Collapsible content ×4 |
| Contact | /pages/contact | page.contact | Main page (title) · Contact form |
| Every page | Theme header & footer | Announcement bar · Header · Email signup · Footer |
Section names are from Shopify’s free Online Store 2.0 themes such as Dawn. Other themes use similar sections with slightly different names.
Navigation
- Main menu: Shop (the trousers product), Our story, Women in industry, Help.
- Footer menus: Shop (Work trousers, Size guide) · HERSTEEL (Our story, Women in industry, Contact) · Help (FAQs, Delivery, Returns).
- Announcement bar: “Launching 9 November 2026 · Women’s work trousers”. Change it to “Now available” on launch day.
Brand settings
Set these in Theme settings → Colours. Use the gold sparingly: buttons, the logo and small labels.
Black
Main background
#0F0F0EMain background
Gold
Buttons, accents
#C9A55CButtons, accents
Bone
Light sections
#EBE5DALight sections
Paper
Alternate light
#F4F0E9Alternate light
Stone
Image placeholders
#D6CDBFImage placeholders
Off-white
Text on black
#EFEAE1Text on black
- Headings: Archivo, condensed, bold, all capitals. In the theme font picker choose Archivo Narrow (bold) if it’s listed; otherwise the nearest condensed sans.
- Body text: Archivo regular.
- Logo: use the horizontal lockup (mark, thin gold line, wordmark) in the header, about 36px tall. A transparent PNG works best on black.
- Buttons: square corners, capitals, letter-spaced. Gold on black sections, black on light sections.
Photography
- Product: front, back, side or on-site, and two close-ups (waistband, pockets). Portrait 4:5, at least 2048px on the long edge, on a plain warm-grey background or on site.
- Lifestyle: women working in the trousers on real sites. These will replace Sophie’s portrait in places once available.
- Founder: the factory-floor portrait used here.
Before launch
- Everything marked TBC on these pages: price, sizes and leg lengths, colours, fabric and features, care, size chart measurements.
- Shipping, refund, privacy and terms policies in Settings → Policies. The site links to them.
- Contact email and social links (LinkedIn company page, Instagram if used).
- Sophie to approve every quote. They’re taken from her Industry 1st interview with Laura Davies, tidied lightly, and should be checked against the recording.
- Episode link for the Industry 1st interview once it’s published.
- Email signup: connect to Shopify Customers (works by default) and send launch news with Shopify Email.