Florym Pastry Studio
Overview
Florym was born from the friendship of Flora and Maryam and their shared passion for the art of pastry-making — a small workshop where quality is the guiding principle, inspired by the elegance of French pastries and the creation of wholesome, lasting flavors. Our role was to give that story a digital form. We designed the brand identity from scratch: a visual language that is warm but precise, indulgent but never excessive. The platform was built in Next.js with TypeScript, Tailwind CSS, and Supabase — featuring a full admin panel for editorial control, a product catalog with bilingual names and weight-based pricing, and a built-in invoice system that handles both B2B and B2C orders with discounts, shipping, and one-click PDF export. The result is a digital presence as layered as the pastries themselves — considered, personal, and built to last.
Color System
A monochromatic foundation — seven steps from absolute black to white — anchored by three accent colors used only with full intent.
Espresso
#1C1510
Walnut
#3D2B1F
Caramel
#8B6340
Oat
#C8B49A
Cream
#EDE8E0
Parchment
#F5F1EA
White
#FFFFFF
Accent — Use with intent
Sage Olive
#B1B077
Dusty Rose
#C4907A
Typography
Five type steps — each carrying a specific weight of meaning. From 96px display headlines down to 11px product labels.
Display
80px / Light
H1
48px / Regular
H2
28px / Regular
Body
15px / Light
Label
11px / Medium
Brand Voice
Six words that form the editorial backbone of every piece of writing. The brand speaks in short, certain sentences. No warmth for warmth's sake.
- Honest
- Warm
- Considered
- Personal
- Refined
- Layered
Spacing System
A fixed rhythm of eight values. Every element sits at a deliberate distance — nothing arbitrary, nothing accidental.
Campaign & Product
Product photography and campaign imagery — portraits shot with the same restraint the garments are designed with.
Website
A storefront designed to carry the brand's editorial voice through every page. Product listings, collection pages, and a checkout flow built to feel considered.
Feature — Admin Panel
Full editorial control, no developer needed
Every product on the Florym platform is editable through a dedicated admin panel. The team can add or remove items, update bilingual names (Persian and English), set category, upload product images, define ingredients, and configure weight-based pricing across six size tiers — from 20g to 1kg. Changes go live immediately without touching code, built for a non-technical team with clear labels and instant feedback.
Product edit panel — 1502 × 2205px
Product catalog view — 1196 × 1019px
Feature — Invoice System
B2B and B2C invoicing built into the platform
The invoice panel lets the team select products from the live catalog, assign customer info, choose customer type (B2C or B2B), apply a percentage or fixed-amount discount, and add shipping cost — all in one screen. The system calculates totals in real time and generates a branded PDF invoice with payment details and order breakdown, ready to send directly to the client. Every invoice is stored in history and searchable by customer.
Invoice registration — 1821 × 1471px
Final invoice export — 1851 × 2173px
Next project