Kolofon · Skincare

Kolofon is a high-conversion e-commerce storefront template designed for sun care, tropical skincare, wellness brands, and modern D2C apothecaries.

Pairing a crisp cool-white canvas with Electric Cobalt Blue typography, Kolofon delivers an editorial shopping experience packed with 24 reusable components (19 Smart Components + 5 Code Components), seamless CMS synchronization, and a dual-mode checkout system.

### Key Highlights:

- Complete Design System: 100% native Framer color tokens, Figtree typography, and accessible contrast.

- 24 Reusable Components: Smart Navigation with mobile drawer, Category Mega Menu, Product Cards with Bottle-to-Texture hover swap, and interactive accordions.

- 5 Advanced Code Components: Interactive Before/After skin comparison slider, auto-running Community Marquee, rotating circular SVG badges, and live catalog filtering.

- Dual-Mode Checkout: Built-in direct order form (/checkout) with WhatsApp/Email dispatch support + external payment links (Stripe, Lemon Squeezy, Shopify Buy Button) per CMS item.

- 10 Complete Pages: Home, Shop, Product Detail (/shop/:slug), Checkout, Journal, Journal Detail, About, Contact, Privacy, Terms, and custom 404.

- 100% Responsive: Handcrafted layouts across Desktop (1200px), Tablet (810px), and Mobile (390px).

- Performance: Clean SSR architecture, zero warnings, and optimized Framer build.