Updated: November 2, 2026. Copy of the "Bare — Template Guide" Claude Doc: https://claude.ai/artifact/UfRSfhaViPfxmse8rjH5sC. If the two differ, the Claude Doc is the newer one.

Thank you for choosing Bare, a calm, single-product Framer template for skincare and beauty brands. This guide walks you from your first edit to a live store.

Getting started

Bare is a one-product store. It has a long-scroll Home page that tells your product's story, plus a small CMS for your legal pages.

What's included:

• Home page with 12 ready-made sections: hero, metrics, philosophy, benefits, formula, process, testimonials, product purchase, trust bar, FAQ, final call-to-action and footer
• Legal pages (Terms & Conditions, Privacy Policy, Payment Methods), managed in the CMS so you edit text, not layouts
• Fully responsive layouts for desktop (1200px and up), tablet (810–1199px) and phone (up to 809px)
• Reusable components for the navigation, footer, buttons, trust pills, FAQ and carousels
• A tidy style system: 10 named color styles and a full set of text styles

Your first five minutes:

1. Duplicate the template into your Framer workspace.
2. Open Assets › Colors and set your brand colors (see Brand styles below). The whole site updates at once.
3. Replace the BARE logo in the Navigation and Footer components with your own.
4. Swap the product name, price and photos in the Hero and Product Purchase sections.
5. Click the Preview button and check desktop, tablet and phone.

Brand styles

Change a style once and every layer that uses it updates. Avoid typing colors or font sizes directly onto layers.

Colors (Assets › Colors):