DesignBlend

Örnek Brief'e Göz At

DesignBlend'in gerçek bir analizden ürettiği tam sonucu incele — Prompt'tan renk paletine, tipografiden marka kişiliğine kadar her sekme.

Bu bir örnektir. Kendi tasarım linklerinden kendi brief'ini oluşturmak için kayıt ol.

SaaS Ürün Sitesi — Örnek Brief

14 Temmuz 2026

stripe.comnotion.so

Design Brief Prompt

Renk Paleti

Palet: #635BFF, #0A2540, #F6F9FC, #00D4B8, #FFB800, #1A1F36, #FFFFFF, #E3E8EF

Baskın renk: #635BFF

Kullanım: #635BFF birincil aksiyonlar (CTA, aktif linkler, form odak halkaları) için; #0A2540 başlıklar ve koyu bölüm arka planları için; #00D4B8 başarı durumları ve vurgu rozetleri için; #F6F9FC/#E3E8EF nötr yüzeyler ve kart arka planları için kullanılır. Tüm metin/arka plan kombinasyonları WCAG AA kontrastını (4.5:1) hedefler.

Tipografi

Özet: Başlıklarda geometrik, yüksek okunabilirlikli bir sans-serif (Söhne/Inter benzeri), gövde metninde sistem sans-serif yığını kullanılıyor. Hiyerarşi net: H1 56-64px/bold, H2 36-40px/semibold, gövde 16-18px/regular, satır yüksekliği 1.5-1.6.

Site bazında: https://stripe.com → başlık: Söhne, gövde: Söhne | https://notion.so → başlık: Inter, gövde: Inter

Animasyon Kalıpları

Özet: Mikro-etkileşimler ağırlıklı; buton ve kart hover'larında yumuşak scale/opacity geçişleri, sayfa içi scroll-tetiklemeli fade-in'ler ve gradient arka planlarda yavaş kayan renk animasyonları öne çıkıyor.

Tespit edilen etiketler: custom-keyframes, hover-scale, fade-transitions, smooth-transitions, hover-effects

UI Bileşenleri

Tespit edilenler: buton, kart, navigasyon, form, input, badge, footer

Spacing

Temel birim: 8px grid

Tespit edilen değerler: 8px, 16px, 24px, 32px, 48px, 64px, 96px

Gölgeler

0 1px 2px rgba(0,0,0,0.05); 0 4px 12px rgba(0,0,0,0.08); 0 8px 24px rgba(10,37,64,0.12)

Responsive Breakpoint'ler

480px, 768px, 1024px, 1280px

Marka Kişiliği

Özet: güvenilir ve kurumsal, sade ve minimal, dinamik ve oyunbaz

Tespit edilen etiketler: güvenilir ve kurumsal, sade ve minimal, dinamik ve oyunbaz

Erişilebilirlik

Tüm interaktif öğeler klavye ile odaklanabilir olmalı; odak halkası birincil renkte (#635BFF), 2px kalınlığında ve arka plandan en az 3:1 kontrastta olmalı. Form alanlarına açık etiketler ve hata mesajları eklenmeli; dekoratif ikonlara aria-hidden verilmeli.

Sonuç

Bu marka kimliği; koyu lacivert + mor-mavi aksiyon rengi + ferah nötr yüzeylerden oluşan, kurumsal güveni modern mikro-etkileşimlerle dengeleyen bir SaaS ürün diline işaret ediyor. Uygulamada birincil CTA'lar her zaman #635BFF, ikincil aksiyonlar outline/ghost stilinde, kartlar 12-16px köşe yuvarlaklığı ve hafif gölge ile kullanılmalı.