Ozerla

Ozerla is a free Framer template for skincare and cosmetics brands that want to show what's actually in the bottle. Instead of another storefront, it's built around transparency: every product page prints the full formula in INCI order with percentages, the pH and everything that was left out.

Two signature sections make it different: an Ingredient Index where each ingredient is filed like an element on a periodic-table card (what it does, the range where it works, what it pairs with), and a working Routine Builder that lays out morning and night, spreads strong actives across the week and flags conflicts like retinal + glycolic acid.

12 pages included

• Home

• Formulas (product grid + boxed set)

• Product page: Barrier Serum (full formula table, pH scale, pairings, change log)

• Ingredient Index

• Routine Builder (interactive)

• Lab Notes (reformulations, batch logs, batch lookup)

• About (story, timeline, team)

• Contact (working form)

• Privacy Policy, Terms of Sale, Cookie Policy

• 404

Highlights

• Fully responsive: desktop, tablet and phone breakpoints

• Interactive routine builder code component (skin type, concerns, experience to AM/PM steps + weekly plan)

• Pairing chart matrix and "conflict caught" pattern

• Shared layout template with sticky navigation and a scrollable phone menu row

• Working contact form with pending/success button states

• Color and text styles (Gloock, Hanken Grotesk, JetBrains Mono) for quick rebranding

• Original AI-generated product photography

• SEO title and description on every page

Perfect for: skincare brands, cosmetic labs, clean-beauty startups, dermatology product lines and indie formulators.

Made by Mehmet Kırlangıç, free to remix.