Crypt - Luxe Gothic Landing Page Template
Crypt is a modular card-grid landing page for a gothic leather bag brand. It combines a collage-style header, creator spotlight cards, and an inline bundle builder to turn a single-page visit into an immersive brand story. The Lavender Dream color system and Luxe Minimal theme make every scroll feel like a candlelit, velvet-lined reveal.
by Rocket studio
Quick summary
Crypt is a single-page landing page built for a gothic leather atelier. The layout opens with a layered collage header and flows into a modular card grid where each card tells a maker's story. A sticky bottom bar anchors the primary call to action, while an inline email sign-up captures early-access collectors without sending them to a separate page.
Who this template is for
This template is built for dark-fashion brands that sell through story as much as product. It works best when the brand has craft, character, and a distinct visual identity to showcase.
- Gothic bag and accessories brands wanting editorial depth on a single page
- Alt-fashion and avant-garde designers whose buyers are collectors, performers, or style-forward professionals
- Independent ateliers and artisan labels that want visitors to connect with makers before they shop
What problem this template solves
Most product landing pages lead with inventory. Crypt leads with people and process, which matters deeply to collectors who want provenance, not just product. The template closes the gap between "beautiful object" and "I need to own this."
- Generic product grids lose alt-fashion buyers who shop with their identity, not just their budget
- Brands with rich craft stories have no clean way to surface them alongside shoppable product rows
- Sticky calls to action and bundle builders are rarely designed to match a luxury dark-aesthetic brand
What you get with this template
You get a fully structured single-page layout with every section already composed and styled. The design system, interaction states, and content zones are all defined so you can replace copy and images without rebuilding from scratch.
- A collage/scrapbook header with overlapping Polaroid-style photos, torn fabric swatches, and handwritten notes on a bone-lavender canvas
- A modular card grid alternating between product shots and behind-the-scenes portrait cards, each with a nested "Shop This Maker" product row
- A sticky bottom bar with a "Carry the Collection" bundle builder and a "Join the Inner Circle" email capture with a style preference toggle
Feature list
This section covers the core built-in components that define what the Crypt landing page delivers.
Collage Scrapbook Header
The header is an asymmetric, layered composition of overlapping Polaroid-style photographs, torn fabric swatches, hand-sketched hardware designs, and handwritten production notes. The brand name appears stamped in a heavy serif that reads as embossed. The arrangement sits on a bone-lavender canvas and feels alive rather than gridded.
Modular Creator Spotlight Grid
Each card in the grid tells a collaboration story, featuring makers like a Tuscan leather tanner, a silversmith, or a drag artist photographed mid-performance. Cards alternate between crypt-violet product shots and bone-lavender portrait backgrounds so the grid breathes between object and origin. Every card is clickable into its own mini-story.
Inline "Shop This Maker" Product Row
Each spotlight card contains a "Shop This Maker" button styled in dusty orchid. Clicking it expands a nested product row directly on the page without any navigation away. This keeps the visitor inside the brand experience while moving them toward a purchase.
Sticky Bundle Builder Bar
A sticky bottom bar persists as the visitor scrolls. It anchors the primary call to action, "Carry the Collection," which opens a curated bundle builder. The bar is designed to appear only after the visitor has had time to engage with the maker stories.
Inner Circle Email Capture
A secondary conversion module collects an email address and a single style preference toggle with three options: classic, avant-garde, or stage. The low-friction format asks for almost nothing while returning early-drop access and ongoing maker stories.
Lavender Dream Interaction States
Dusty orchid (#9B8EC1) appears exclusively on hover states and price tags, making every interaction feel intentional and precious. The controlled use of accent color ensures the palette stays moody and editorial rather than promotional.
Page sections overview
| Section | Purpose |
|---|---|
| Collage Header | Opens brand world with layered, asymmetric mood imagery |
| Brand Name Stamp | Anchors identity with embossed heavy-serif typography |
| Creator Spotlight Grid | Showcases makers through alternating product and portrait cards |
| Inline Product Rows | Expands shoppable items per maker without page navigation |
| Bundle Builder Bar | Sticky call to action for curated collection purchase |
| Inner Circle Capture | Email sign-up with style preference toggle for early drops |
Design & branding system
The Lavender Dream color system is the emotional backbone of this template. Every color choice was made to feel like dried wisteria pressed between Victorian mourning diary pages: soft enough to feel feminine, dark enough to carry weight.
- Four-color palette: dusty orchid (#9B8EC1), deep crypt violet (#2D1B3D), pale bone lavender (#E8E0F0), and tarnished silver (#A8A4B0) used for borders and metadata text
- Backgrounds alternate between crypt violet and bone lavender across card rows; orchid appears only on hover states and price tags to keep accents rare and meaningful
- Typography uses a heavy embossed-style serif for the brand name and headline treatments, supporting the Luxe Minimal theme throughout
Mobile & speed optimization
The card grid layout is modular by design, which means it adapts cleanly to narrower screens without losing the alternating rhythm between product and portrait cards. The collage header is composed with layered elements that can restack for smaller viewports.
- Modular card grid reflows naturally to single-column on mobile without breaking the crypt-violet and bone-lavender alternation
- Sticky bottom bar is built to remain accessible and legible on small screens throughout the full scroll
- Inline product row expansions are designed to work within the page flow on both desktop and mobile without triggering navigation
How this template helps you convert
The page is structured so visitors fall in love with the hands before they reach for their wallet. Every section earns the next click rather than demanding it.
- The collage header creates immediate emotional investment by placing the visitor inside the brand's craft world before any product appears.
- The creator spotlight grid builds trust and desire together, with "Shop This Maker" buttons emerging only after a story has been told, so the purchase feels like an extension of appreciation rather than a transaction.
- The sticky bundle builder and low-barrier email capture work as a two-tier conversion system: one for buyers ready to act now, one for collectors who want to stay close before committing.
Other information about this template
This template is part of the Fashion and Lifestyle category, sitting within the Gothic Fashion subcategory and built specifically for the gothic bag brand niche. It carries an intersection match score of 13, meaning the combination of template style, creative direction, color system, and landing page direction is tightly aligned to this use case.
- Template style: Card Grid (Modular) with a Collage/Scrapbook header concept
- Theme and direction: Luxe Minimal theme with a Marketplace/Multi landing page direction and Creator Spotlight creative direction
- Color system: Lavender Dream, designed to reference Victorian mourning aesthetics while staying editorial and modern




Theme
Luxe Minimal
Creative direction
Creator Spotlight
Color system
Lavender Dream
Style
Card Grid (Modular)
Direction
Marketplace/Multi
Page Sections
Collage Scrapbook Header
Modular Creator Spotlight Grid
Inline Shop This Maker Row
Sticky Bundle Builder Bar
Inner Circle Email Capture
Lavender Dream Hover States
Related questions
Can I change the card content to feature my own makers or collaborators?
Does the 'Shop This Maker' button require a separate page to be built?
Can I adjust the style preference options in the email capture toggle?
Is the collage header difficult to customize with my own photos?
Who is the ideal visitor this landing page is designed for?