Design system

Batavia

Fashion Ecommerce Framer Template

Batavia is a fashion e-commerce Framer template with Shopify integration, built for speed, high conversions, and a smooth shopping experience.

Direction

System intent

Page system

01Shop (CMS)

02Products (CMS)

03Product detail (CMS)

04Our Story

05Contact

06Privacy policy

07Blog (CMS)

08Blog detail (CMS)

09404

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 Batavia, a fashion ecommerce framer template. Preserve the original visual hierarchy and component rhythm. Focus the experience on Launch a sophisticated, minimalist online 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.