|

Florym Pastry Studio

2026

برندینگ · طراحی وب · توسعه فرانت‌اند

Next.js · TypeScript · Tailwind CSS · Supabase

View Website
Florym Pastry Studio — mobile cover

Overview

فلوریم از یک کنجکاوی شخصی شروع شد؛ کاوشی بی‌پایان برای فهمیدن اینکه چرا یک کرواسان درست ترک می‌خورد، چرا یک گاناش نرم می‌ماند، و چه اتفاقی می‌افتد وقتی تکنیک فرانسوی با ذوق ایرانی درهم می‌آمیزد. آنچه در یک آشپزخانه خانگی آغاز شد، به چیزی بیشتر تبدیل شد: یک استودیو که وقف شیرینی‌هایی است که به همان اندازه که زیبا هستند، صادق هم هستند. نقش ما دادن شکل دیجیتال به این داستان بود. هویت برند را از صفر طراحی کردیم: یک زبان بصری که گرم اما دقیق، لذت‌بخش اما هرگز اغراق‌آمیز است. پلتفرم با Next.js، TypeScript و Tailwind CSS ساخته شد و شامل یک پنل مدیریت سفارشی برای کنترل کامل محتوا و یک ابزار ساخت فاکتور است تا استودیو بتواند سفارش‌ها را مدیریت کند و فاکتور کلاینت صادر کند، بدون اینکه از سیستم خارج شود. نتیجه یک حضور دیجیتال است که به اندازه خود شیرینی‌ها لایه‌لایه است: سنجیده، شخصی و ساخته‌شده برای ماندن.

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

Typography

Five type steps, each carrying a specific weight of meaning. From 96px display headlines down to 11px product labels.

Florym Pastry Studio

Display

80px / Light

This Season

H1

48px / Regular

French technique. Persian instinct.

H2

28px / Regular

Made with care, designed to last.

Body

15px / Light

HOUSE SPECIALTY · SEASONAL

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.

44px
88px
1616px
2424px
3232px
4848px
6464px
9696px

Campaign & Product

Product photography and campaign imagery, portraits shot with the same restraint the garments are designed with.

Product image 1
Product image 2

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.

Desktop screenshot 1
Desktop screenshot 2

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.

Admin panel product edit form with bilingual fields and pricing

Product edit panel — 1502 × 2205px

Product catalog with size and weight pricing options

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 creation panel with product selection, customer info, and pricing

Invoice registration — 1821 × 1471px

Final branded PDF invoice with itemized products, discount, and payment details

Final invoice export — 1851 × 2173px

پروژه بعدی

Nona Artworld