Theme customization
Customize colors, fonts, layouts, and sections.
Overview
Customize your storefront's appearance to match your brand. Katura uses a modern design system built on Tailwind CSS and shadcn/ui components.
Brand settings
Configure your brand identity in Settings → Store:
- Logo — header logo and favicon
- Store name — displayed in navigation and emails
- Brand colors — Katura uses a stone/gold palette by default
Typography
Katura uses two font families:
- Playfair Display — serif font for headings, giving a luxury jewelry aesthetic
- Geist Sans — clean sans-serif for body text and UI elements
Advanced customization
For deeper changes, modify the Tailwind configuration and component files. Since Katura is a Next.js application, you have full control over every aspect of the storefront design.
Note
Theme customization changes require a deployment to take effect. Use Vercel's preview deployments to test changes before going live.