Tasarım sistemi · v1.0

Primitives

Cafe Brewly'nin Studio, Servis ve Menü'de paylaşılan temel component'leri. DESIGN_SYSTEM §3 spec'ine birebir, kütüphane yok, manuel yazılmış.

Button

5 variant × 3 size. İkon, loading ve fullWidth opsiyonları.

Variants

Sizes

With icons

States

Full width

Input & Form

Label + helper/error + 4 input türü. Label üstte, hata clay rengiyle.

Text

Adın Soyadın

Pilot başvuru için kafe sahibi adı.

Currency

Fiyat

Select

Şube sayısı

Textarea

Notun

Opsiyonel — boş bırakabilirsin.

Error

E-posta

Bu e-posta biraz garip görünüyor — tekrar bakar mısın?

Card

6 variant × 3 padding. Interactive prop'la hover lift.

Variants

Default

Standart kart, ince kenarlık.

Elevated

Gölge ile lift edilmiş.

Outlined

Sadece kenarlık, transparan.

Accent

Vurgu, callout için.

Success

Pozitif durum.

Warning

Uyarı, dikkat.

Interactive

Bugünün cirosu

₺12.450

▲ %35 dünden

Badge

6 variant × 2 size. Status, kategori, micro labelling için.

Variants

DefaultYeniTamamlandıStok azBeklemedePilot

Sizes

smmd

With icon

3 yeni bildirim

Container

5 max-width preset (sm 640 → 2xl 1536). Mobile px-6, desktop px-8.

Sizes

sm → max-width 640px
md → max-width 768px
lg → max-width 1024px
xl → max-width 1280px (default)
2xl → max-width 1536px