Design system

Blockhaus

Bold E-commerce Framer Template

Blockhaus is a fashion e-commerce Framer template with Shopify support to help your brand launch fast, stand out, and drive more sales.

Direction

System intent

Page system

01Product detail (CMS)

02Blog (CMS)

03Blog detail (CMS)

04Contact

05404

06About us

07Privacy policy

08Shop (CMS)

Guidelines

Do's and don'ts

Do

Preserve the source hierarchy before adding new patterns.
Reuse the native components and responsive behavior.
Keep new content aligned with the documented audience.

Don’t

Mix unrelated visual systems inside the same page.
Replace established spacing without checking every breakpoint.
Treat a free template as a permanent paid-template entitlement.

Prompts

Build with the system

Create a responsive page for Blockhaus, a bold e-commerce framer template. Preserve the original visual hierarchy and component rhythm. Focus the experience on Launch a fashion or clothing brand store fast and validate it on desktop, tablet, and phone.

# Design System Guide

> Upgrade your library plan to access the complete file.

## Brand voice

A detailed description of the template's visual principles, tone, and intent.

## Design direction

- Layout hierarchy and responsive behavior
- Content rhythm and component guidance
- Audience and conversion principles

## Page architecture

The complete page and CMS structure is included in the unlocked file.

## Agent prompt

Copy the production-ready prompt after upgrading your plan.

Unlock the complete design system

Design.md access follows your active library plan, even when the source template itself is free.

Design.md is included with an eligible library plan or permanent ownership of this paid template. Free templates do not include Design.md access.