En Çok Satan 4. Ürün
Kadir BüyükkayaErkek Lacivert Slim Fit Yelekli Takım Elbise – Yün Karışımlı
4.7(249)
♥ 5,8 B favori Kargo Bedava
%10 indirim
Kargo Bedava
Sepette3.419,10 TL3.799,00 TL
Tasarım Sistemi v1
Takım Elbise Pazaryeri — Bileşen Kütüphanesi
Her bileşen ayrı bir dosyada tanımlıdır; binlerce sayfada aynı görünüm ve davranış tekrar kullanılır. Renk, tipografi ve köşe yarıçapı değerleri yalnızca design token üzerinden gelir.
Header & Navigasyon
Masaüstünde üç katmanlı yapı: duyuru şeridi, arama + hesap/favori/sepet aksiyonları ve mega menülü kategori barı. Mobilde kompakt bar, tam ekran arama katmanı, katmanlı kategori çekmecesi ve alt sekme çubuğu ile sayfa geçişleri tek dokunuş uzağında.
src/components/ui-kit/header/*Masaüstü — kategoriye hover ile mega menü açılır
- 1.500 TL üzeri siparişlerde kargo bedava
- Ücretsiz iade & 30 gün içinde değişim
- Tüm takım elbiselerde 12 taksit fırsatı
Mobil — hamburger, arama katmanı ve alt sekme çubuğu
- 1.500 TL üzeri siparişlerde kargo bedava
- Ücretsiz iade & 30 gün içinde değişim
- Tüm takım elbiselerde 12 taksit fırsatı
Renk Paleti & Token'lar
Gece mavisi güven ve kurumsallık, şampanya altını lüks ve özel dikim hissi, kiremit ise deri ve kumaş sıcaklığı taşır. Arka plan bembeyaz değil kırık beyazdır; böylece kumaş renkleri öne çıkar.
src/styles.cssGece Mavisi#0A192F--navy-900
Derin Lacivert#1B2A4A--navy-700
Amber Turuncu#FF790D--champagne
Koyu Amber#E0660A--champagne-deep
Kiremit#A0522D--terracotta
Sıcak Taba#B85D19--terracotta-warm
Fildişi#FAF9F6--ivory
Kırık Beyaz#F8F9FA--ivory-cool
Tipografi
Başlıklarda Playfair Display (serif) geleneksel terzilik havasını, gövde metinlerinde Plus Jakarta Sans (sans-serif) fiyat ve özelliklerde yüksek okunabilirliği sağlar.
src/components/ui-kit/Heading.tsx · Text.tsxOverline / Eyebrow
Damatlık Koleksiyonu
Yeni Sezon Yünlü Takımlar
Slim Fit Ceket Detayları
Kumaş ve Bakım Bilgisi
Lead metin — kategori açıklamaları ve editoryal girişlerde kullanılır.
Gövde metni — ürün açıklaması, kargo koşulları ve satıcı bilgisi gibi alanlarda kullanılır.
Caption — %100 yün, kuru temizleme önerilir.
Köşe Yarıçapı (Radius) Sistemi
Subtle & Refined ölçek: ürün görselleri 4px'i geçmez, böylece omuz ve yaka çizgilerinin jilet gibi duruşu bozulmaz. İç içe kartta iç radius = dış radius − padding. Hover'da radius asla değişmez; yalnızca gölge yükselir.
src/styles.css (@theme inline)--radius-xs2pxMikro detaylar
--radius-sm4pxGörsel kartları, etiketler
--radius-md6pxButonlar, inputlar, filtreler
--radius-lg12pxModal, dropdown, konteyner
--radius-full9999pxAvatar, bildirim rozeti
Butonlar (CTA)
6px radius, tıklanabilir ama ciddiyetten ödün vermeyen bir his verir. Amber turuncu yalnızca ana dönüşüm aksiyonlarında kullanılır.
src/components/ui-kit/Button.tsx · IconButton.tsxVaryantlar
Boyutlar
İkonlu & durumlar
Icon Button
Numaralı dolgulu varyasyonlar (buton1 – buton6)
Yalnızca border'lı varyasyonlar (buton7 – buton10)
Pasif & yükleniyor durumları
Rozetler & Güven Etiketleri
Pazaryerinde farklı satıcılar bulunduğu için güven sinyalleri ürün kartına entegre edilir. Mikro bilgiler 4px köşeli, filtre/etiket türü bilgiler pill formunda kullanılabilir.
src/components/ui-kit/Badge.tsx · SellerBadgeRow.tsxGüven rozetleri (square 4px)
Onaylı MağazaYerli ÜreticiÖzel Terzilik DikimHızlı Kargo%100 Yün%20 İndirim
Pill form
Onaylı MağazaYerli ÜreticiÖzel Terzilik DikimHızlı KargoGüvenli Ödeme
Tonlar
NötrLacivertAmberKiremitBaşarıÇerçeve
Puan & fiyat
4.6(1549)
3.799,00 TL4.499,00 TL
Sepette2.819,24 TL
Form Elemanları
Arama çubuğu, filtre kutuları ve adres formları 6px radius ile derli toplu bir yapı kurar. Seçili ve etkileşimli hover durumları lacivert tonu (#1B2A4A) ile vurgulanır.
src/components/ui-kit/Input.tsx · Select.tsx · Checkbox.tsx · Radio.tsx · Textarea.tsx · Toggle.tsx · Tag.tsx · Modal.tsxInput
cm
Beden önerisi içinGeçerli bir e-posta girin
Select, Textarea & Checkbox
Sıralama (dropdown)
Maksimum 250 karakter
Radio & Toggle
Beden / filtre etiketi
Miktar Stepper
Adet
1
2
Tükendi
1
Modal (12px radius)
Durum örnekleri
Lütfen geçerli bir değer girin
Filtre Sistemi
Arama, koleksiyon ve kategori sayfalarında kullanılan filtre ailesi. Masaüstünde sticky sidebar, mobilde tam ekran çekmece olarak çalışır; tüm seçili ve etkileşimli durumlar lacivert (--navy-700), aksiyon butonları amber tonundadır.
src/components/ui-kit/FilterSidebar.tsx · FilterAccordion.tsx · FilterCheckboxList.tsx · FilterRadioList.tsx · FilterSearchInput.tsx · PriceRangeFilter.tsx · ColorFilterGrid.tsx · SizeFilterGrid.tsx · RatingFilter.tsx · FilterToggleList.tsx · Switch.tsx · ActiveFilterChips.tsx · QuickFilterPills.tsx · MobileFilterBar.tsx · MobileFilterDrawer.tsx · Breadcrumb.tsxÜrün Listesi Alanı
Filtre paneli seçimleri bu alandaki ürün gridini besler. Seçili filtre sayısı: 4
Filtre Arama & Accordion
Fiyat Aralığı
–
Renk & Beden Gridi
- Lacivert
- Antrasit
- Siyah
- Gri
- Bej
- Kahve
Switch & Aç/Kapa Listesi
Sadece stoktakiler
Kargo Bedava
Hızlı Teslimat
Bugün kargoda
İndirimli Ürünler
Kuponlu Ürünler
Yeni Sezon
Değerlendirme Filtresi
Mobil Filtre Çubuğu & Çekmece
Mobil önizleme — üstteki butonlarla çekmeceyi aç
Ürün Kartı
Kartın üzerine gelindiğinde görsel %100 yakın plan kumaş dokusuna geçer — takım elbise alımındaki en büyük endişe olan kumaş kalitesi ilk saniyede gösterilir. Görsel köşesi 4px, kart köşesi 12px'tir.
src/components/ui-kit/ProductCard.tsx · ProductCardSkeleton.tsx
En Çok Ziyaret Edilen 7. Ürün
AC&Co / AltınyıldızErkek Bej Slim Fit Dar Kesim Mono Yaka Keten Takım Elbise
4.5(132)
♥ 1 B favori%10 indirim
Sepette2.819,24 TL3.132,49 TL
En Çok Yorum Alan 1. Ürün
AtlasGiyim Erkek İtalyan Kesim Gri Ekose Yelekli Takım Elbise (Yeni Sezon)
4.1(17)
♥ 1,1 B favori Kargo Bedava
3.687,77 TL
Özel Terzilik Dikim
Fabio CasselKlasik Kesim Erkek Takım Elbise – Premium Şıklık
%100 Yün
5.0(41)
Kargo Bedava
%14 indirim
Kargo Bedava
4.324,00 TL4.999,00 TL
Yükleniyor durumu
Renk varyantları · src/components/ui-kit/ColorSwatches.tsx
8 varyant (masaüstünde +3)
3 varyant
Tek varyant
Gruba bağlı değil
— renk yok
Görsel altı bilgi şeridi · src/components/ui-kit/ProductInfoStrip.tsx
En Çok Satan 4. Ürün
Sıralama + güven rozeti (döngü)
Yerli Üretici
Sadece güven rozetleri
En Çok Yorum Alan 1. Ürün
Tek öğe (animasyonsuz)
Kumaş Seçici
Doku odaklı yakın plan görsellerle kumaş seçimi; ürün detay sayfasında varyant seçici olarak da kullanılır.
src/components/ui-kit/FabricSwatch.tsxKalıp (Fit) Rehberi
Slim, Regular, Süper Slim ve Drop kalıplarının vücutta nasıl durduğunu gösteren minimal şemalar; iade oranını düşürür.
src/components/ui-kit/FitGuide.tsxKalıp (Fit) Rehberi
Kalıbın vücutta nasıl durduğunu görmek için seçin.
Slim Fit: Hafif daraltılmış modern kalıp
Renk Varyantları (Görsel Önizlemeli)
Ürün detayında renkler hex kutucuğu ile değil, varyantın ilk görseliyle seçilir; beden seçicinin hemen üstünde durur. Stok bitmişse görsel soluklaşır, üzerine kırmızı çapraz çizgi ve 'Tükendi' rozeti gelir.
src/components/ui-kit/ColorVariantPicker.tsxRenk:Lacivert
Beden Seçimi
Takım ElbiseKalıp
Takım Bedeni
cm
kg
Beden Asistanı & Kategoriye Göre Beden Tablosu
Ürün detayında önce yalnızca 'Bedenimi Bul' butonu görünür; tıklayınca asistan aşağıya kayarak açılır ve sonuç, ürün kategorisine göre oluşturulan beden tablosunda otomatik seçilir.
src/components/ui-kit/SizeAssistant.tsx · CategorySizePicker.tsx · size-scales.tsBeden Seçimi
Takım ElbiseTakım Bedeni
cm
kg
Beden Seçimi
Jogger PantolonPantolon Bedeni
cm
kg
Beden Seçimi
TişörtBeden
cm
kg
Beden Seçimi
AyakkabıAyakkabı Numarası
cm
kg
Ayrı Beden Seçimi
Bu satıcı ceket ve pantolonu farklı bedende gönderebiliyor.
Ceket Bedeni
Pantolon Bedeni
Seçiminiz: Ceket 52 · Pantolon 50 — ek ücret alınmaz.
Ürün Detay Galerisi
Ürün detay sayfasının görsel alanı: solda küçük görsel rayı, 2:3 ana görsel, masaüstünde hover büyüteci, sol üstte kargo/kupon rozetleri ve alt kısımda sepet indirim şeridi. Mobilde küçük görseller ana görselin altında yatay kayar.
src/components/ui-kit/ProductDetailGallery.tsx · ProductGalleryThumbs.tsxKARGOBEDAVABUGÜNKARGODAKUPONLUÜRÜNEN ÇOK SATAN
Sepette %10 İndirim Sepette Uygulanacak!
Kadir Büyükkaya Erkek Lacivert Slim Fit Yelekli Takım Elbise – Yün Karışımlı
4.7(249)
Sepette3.419,10 TL3.799,00 TL
Beden Seçimi
Takım ElbiseTakım Bedeni
cm
kg
Ürün Detay Sekmeleri
Sepete ekle alanının altında yer alan tek sekme section'ı. Her sekme içeriği ayrı bir dosyada bağımsız section olarak durur ve tamamen prop ile beslenir; mağaza/ürün bazında sekme listesi değiştirilebilir.
src/components/ui-kit/StickyProductBar.tsx · product-detail-tabs/Kadir Büyükkaya Erkek Lacivert Slim Fit Yelekli Takım Elbise – Yün Karışımlı
Sepette3.419,10 TL3.799,00 TL
3.419,10 TL3.799,00 TL
Erkek Lacivert Slim Fit Yelekli Takım Elbise
Kadir BüyükkayaSuper 120's yün karışımlı kumaştan üretilen bu üç parça takım elbise, gün boyu formunu koruyan yapısı ve ince dokusuyla hem özel davetlerde hem de ofiste rahatlıkla kullanılabilir.
Slim fit kalıp; omuzda vatka desteği, belde hafif daraltma ve yelekle tamamlanan silüet sayesinde daha uzun ve dik bir duruş sağlar. Ceket iki düğmeli, çift yırtmaçlıdır.
Astar, terletmeyen viskon karışımıdır. Pantolon paçası kısaltmaya uygun pay ile gönderilir.
- Super 120's yün karışımı kumaş
- Üç parça: ceket, yelek, pantolon
- Çift yırtmaçlı, iki düğmeli ceket
- Terletmeyen viskon astar
Ürün Özellikleri
- Materyal Bileşeni
- %70 Yün, %30 Polyester — Astar: %100 Viskon
- Materyal
- Yün Karışımı
- Kalıp
- Slim Fit
- Drop
- Drop 7 (Ceket 52 / Pantolon 45)
- Kol Boyu
- Uzun
- Paket İçeriği
- Üçlü (Ceket, Yelek, Pantolon)
- Renk
- Lacivert
- Desen
- Düz
- Yaka Tipi
- Kırlangıç Yaka
- Kol Tipi
- Uzun Kol
- Kumaş Tipi
- Dokuma
- Ürün Detayı
- Çift Yırtmaç
- Cep
- Kapaklı Cep
- Ürün Tipi
- Takım Elbise
- Koleksiyon
- Menswear
- Ek Özellik
- Kırışmaz Kumaş
- Persona
- Modern Klasik
- Dokuma Tipi
- Twill
- Ortam
- Davet / Ofis
- Boy
- Regular
- Sürdürülebilirlik Detayı
- Geri Dönüştürülmüş Astar
- Siluet
- Slim
- Menşei
- TR
- Yıkama Talimatları
- Yalnızca kuru temizleme önerilir
- Beyazlatıcı kullanılmaz
- Kurutucu kullanılmaz
- Tersten ve düşük ısıda ütülenir
- Nemli ortamda saklanmamalıdır
- Detaylı bakım için ürün etiketini kontrol ediniz.
Birlikte Al & Kombini Tamamla (Cross-Sell)
İki farklı cross-sell kalıbı: tek öneri ürünle kazanç odaklı 'Birlikte Al' kutusu ve gömlek, kravat, kemer, ayakkabı seçilebilen çoklu kombin paketi.
src/components/ui-kit/BuyTogetherBundle.tsx · CompleteTheLookBundle.tsxBirlikte Al,
1.509,90 TL Daha Az Öde!
Kazancın: 1.509,90 TL
Bisse Erkek 3'lü Paket Beyaz-Mavi-Gri Slim Fit %100 Pamuk Klasik Gömlek
2.799,90 TL
1.290,00 TL
Toplam Fiyat:4.709,10 TL
Kombini Tamamla
Takımla uyumlu parçaları ekleyin, pakette %10 indirim kazanın.
Takım + 2 parça4.407,30 TL4.897,00 TL
Kargo Bilgisi & Ödeme Seçenekleri
Ödeme ve ürün detay sayfasında kullanılan iki bağımsız section. İkisi de tamamen prop ile beslenir: her mağaza kendi kargo kesim saatini, teslim metnini ve taksit/kredi/kapıda ödeme seçeneklerini tanımlayabilir.
src/components/ui-kit/ShippingInfoPanel.tsx · PaymentOptionsSection.tsxSiparişin 1-3 iş günü içinde kargoya verilir.
Tahmini Teslim:Adresini seç ne zaman teslim edileceğini öğren!
Bu mağaza siparişleri 1-3 iş günü içinde kargoya verir.
Ücretsiz Kargo:500 TL ve üzeri siparişlerde kargo bedava.
Ödeme Seçenekleri:
Kuponlar
Satıcının o ürün veya ürün kategorisi için tanımladığı indirim kuponları. Bilet formundaki kart: solda değer + Kazan butonu, sağda alt limit, son tarih, kupon kodu ve kapsam. Birden fazla kupon varsa yatay kaydırmalı şerit olur.
src/components/ui-kit/CouponSection.tsx · CouponCard.tsxKuponlar
Bu ürüne özel
Mağazanın Diğer Kuponları
Klasik Takım Elbise kategorisinde geçerli
Ürüne Geri Bildirim
Ürün detay sayfasının en altında tam genişlikte yer alan buton; tıklandığında başlık seçimi yapılan modal açılır ve bildirim mağaza sahibine iletilir.
src/components/ui-kit/ProductFeedback.tsxKullanım Alanına Göre Kategoriler
Kullanıcılar renk değil ihtiyaç arar: düğün, ofis, mezuniyet veya günlük şıklık. Ana sayfa yönlendirme kartları bu niyeti karşılar.
src/components/ui-kit/IntentCategoryCard.tsx1.842 ürün
Düğün & Damatlık
Nişan, kına ve nikâh için özel dikim takımlar
3.210 ürün
İş Hayatı & Ofis Eleganslığı
Günlük ofis kullanımına uygun dayanıklı kumaşlar
976 ürün
Mezuniyet & Özel Davetler
Genç kesim, dar kalıp ve modern yaka seçenekleri
1.465 ürün
Günlük / Casual Şıklık
Blazer + pantolon kombinleriyle rahat şıklık
Müşteri Fotoğrafları & Yorumlar
Gerçek kullanıcıların takım elbiseyle çekilmiş fotoğrafları ve boy/kilo/beden bilgisi içeren yorum kartları, satın alma bariyerini belirgin şekilde düşürür.
src/components/ui-kit/UGCGallery.tsx · ReviewCard.tsxMüşteri Fotoğrafları
128 fotoğrafMehmet K.
5.0
Kumaş kalitesi beklediğimden çok iyi. Omuz oturuşu kusursuz, pantolon paçasını hiç kısaltmadım.
Boy 182 cmKilo 78 kgAldığı beden 52 Slim Fit
Onur T.
4.0
Ceket tam oturdu, pantolonu bir beden büyük aldım. Ayrı beden seçimi çok işime yaradı.
Boy 175 cmKilo 72 kgAldığı beden 50 Süper Slim
Barış A.
5.0
Düğünümde giydim, keten dokusu yazlık için ideal. Terletmedi.
Boy 188 cmKilo 90 kgAldığı beden 56 Regular