Tarz | Tasarim Merkezi

Ana Tasarım Türleri

En sık kullanılan ve her sektöre uyarlanabilir temel tarzlar

DETAY

Minimal

Az element, çok boşluk, net tipografi. Sadelik ve zarafet.

Holding, Danışmanlık, Finans

Modern

Güncel trendler, dinamik layout, yuvarlatılmış köşeler.

Teknoloji, Startup, Ajans

KURUMSAL

Hakkımızda Hizmetler İletişim

KEŞFET

Kurumsal (Corporate)

Profesyonel, güven veren, dengeli. Klasik iş dünyası estetiği.

Her sektör, Genel kullanım

Elegance

Ana Sayfa Kurumsal Galeri

Zamansız Değerler

DAHA FAZLA

Klasik / Geleneksel

Serif fontlar, simetri, zamansız estetik. Köklü kurumlar için.

Hukuk, Vakıf, Köklü Şirket

LUXE

Collection Atelier Contact

Exceptional

DISCOVER

Lüks / Premium

Altın detaylar, koyu arka plan, rafine tipografi. Yüksek segment.

Otel, Mücevher, Moda

INDUSTRIAL

ÜRÜNLER

→

Endüstriyel / Structural

Sert çizgiler, güçlü bloklar, teknik güven. Metal/beton hissi.

Fabrika, Madencilik, İnşaat

TechFlow

Features Pricing Docs

Build faster.

Get Started

Demo

Tech / SaaS

Gradientler, blur efektler, modern UI. Yazılım ve teknoloji.

Yazılım, SaaS, Startup

Ed.

SAYI 47

2024

Tasarımın
Geleceği

Devamını Oku →

Editorial / Swiss Grid

Tipografi odaklı, dergi estetiği, güçlü grid sistemi.

Yayıncılık, Ajans, Kültür

Sıcak Eller

Hizmetler Hakkımızda İletişim

Sizin için buradayız

Randevu Al

Bizi Tanı

Warm / Samimi

Sıcak renkler, yumuşak köşeler, insan odaklı. Güler yüzlü ton.

Sağlık, Eğitim, Sosyal Hizmet

Alternatif Tasarım Türleri

Özel projeler ve farklı yaklaşımlar için stil seçenekleri

Glassmorphism

Buzlu cam efekti, blur, yarı şeffaf katmanlar.

Neumorphism

Yumuşak gölgeler, içe/dışa basan efekt, soft UI.

Gradient Magic

Gradient / Aurora

Canlı gradientler, blur glow, kozmik hissi.

Action

Dark Mode Ağırlıklı

Koyu tema dominant, beyaz aksanlar, modern kontrast.

BRUT.

NO BULLSHIT DESIGN

ENTER

INFO

Brutalist

Ham estetik, sert kontrastlar, anti-tasarım.

BOLD & PLAYFUL

Neo-Brutalist

Kalın borderlar, offset gölgeler, canlı renkler.

Bento UI

Grid kutular, farklı boyutlar, modüler yapı.

BIG

TYPE.

Bold Typography

Dev başlıklar, tipografi hero, minimal görsel.

asymmetry

Asimetrik

Dengesiz ama dengeli, yaratıcı yerleşim, dinamik.

Grid Based

Katı ızgara sistemi, matematiksel düzen, Swiss style.

Chapter 01

Başlangıç

↓ Scroll to explore

Storytelling / Scrollytelling

Hikaye anlatımı, scroll ile deneyim, immersive.

Fotoğraf Ağırlıklı

Büyük görseller, overlay text, visual-first.

Illustrated

İllüstrasyon Ağırlıklı

Özel çizimler, karakterler, sanatsal dokunuş.

RETRO

EST. 1975

Retro / Vintage

Nostaljik renkler, eski tipografi, 70s-80s vibes.

FUN!

Play

Start

Playful / Eğlenceli

Canlı renkler, yuvarlak formlar, enerjik.

Analytics

+24%

Day

Week

Data-viz / Dashboard

Grafikler, metrikler, bilgi görselleştirme.

Monochrome / Tek Renk

Tek renk tonları, sade, sofistike, güçlü kontrast.

Duotone / İki Renk

İki kontrast renk, dramatik, sanatsal.

Organic / Organik

Blob şekiller, doğal formlar, yumuşak geçişler.

3D / İzometrik

Üç boyutlu illüstrasyonlar, derinlik hissi.

Kinetic / Hareketli

Animasyonlar, mikro etkileşimler, canlı deneyim.

NEON

ENTER

Cyberpunk / Neon

Parlak neon renkler, karanlık arka plan, fütüristik.

ELEGANCE

Art Deco

Geometrik desenler, altın detaylar, 1920'ler estetiği.

Maximalist

Bol detay, çoklu element, zengin görsel katman.

Dönem / Stil Tarzları

Zamana ve akıma dayalı tasarım yaklaşımları

CLASSICA

Anasayfa

Hakkımızda

İletişim

Tradition

Since 1890

Klasik / Classic

Serif fontlar, geleneksel düzen, zamansız, sıcak tonlar.

Modern / Contemporary

Sans-serif, keskin çizgiler, güncel trendler, temiz.

SYSTEM::INIT

2050

ENTER_SYSTEM

Fütüristik / Sci-Fi

Teknolojik, neon, holografik efektler, mono font.

Split Screen

İki yarı, metin + görsel, dramatik bölünme.

HERO

ABOUT

SERVICES

CONTACT

One-Page / Single Scroll

Tek sayfa, bölümler arası scroll, dot navigation.

↓ scroll

Parallax / Scroll Effects

Katmanlı hareket, derinlik hissi, scroll animasyonları.

Tailwind Renk Paleti

Ana renk seçimi için Tailwind CSS renkleri

Slate

Gray

Zinc

Red

Orange

Amber

Yellow

Lime

Green

Emerald

Teal

Cyan

Sky

Blue

Indigo

Violet

Purple

Fuchsia

Pink

Rose

Stone

Tipografi / Fontlar

Pijamalı hasta

şoföre güvendi 0123456789

Gaming, e-spor, teknoloji

Monospace / Kod Sabit genişlik, kod, terminal

JetBrains Mono

IDE

Pijamalı hasta

şoföre güvendi 0123456789

Kod editörü, IDE, terminal

Fira Code

Ligature

Pijamalı hasta

=> !== === 0123456789

Ligature destekli, geliştirici favorisi

Source Code Pro

Adobe

Pijamalı hasta

şoföre güvendi 0123456789

Dokümantasyon, teknik yazı

Layout Tarzları

Sayfa düzeni ve boşluk yaklaşımları

Dar / Compact

Sıkışık layout, maksimum içerik, az boşluk.

Nefes Alan / Spacious

Bol beyaz boşluk, az element, hava, premium his.

Sol Sidebar

Dashboard, uygulama tarzı, navigasyon solda sabit.

Sağ Sidebar

Blog, haber sitesi, içerik + widget alanı.

Merkezi / Centered

Simetrik, orta hizalı, dengeli kompozisyon.

FULL WIDTH HERO

Full-Width / Kenarsız

Kenardan kenara, immersive, sinematik.

Boxed / Çerçeveli

Sabit genişlik, çerçeve içinde, klasik yaklaşım.

Asimetrik Layout

Dengesiz oranlar, dinamik, dikkat çekici.

Grid Modüler

Esnek grid, farklı boyut kartlar, Bento benzeri.

Tasarım Tercihleri

Köşe yuvarlaklığı, animasyon ve görsel stili

Köşe Yuvarlaklığı

Sharp

rounded-none

Soft

rounded-md

Rounded

rounded-xl

Pill

rounded-full

Animasyon

Yok / None

Statik, animasyonsuz

Subtle / Hafif

Hover efektleri, fade

Rich / Zengin

Scroll animasyonları, parallax

Görsel Stili

Fotoğraf

İllüstrasyon

3D / İzometrik

Abstract

İkon Ağırlıklı

Navigasyon Tarzları

Header ve menü yaklaşımları

Mega Menu

Geniş dropdown, kategoriler, görsel destekli menü.

Hamburger / Off-Canvas

Mobil öncelikli, yandan açılan, minimal header.

scroll ↓

Sticky / Transparent Header

Scroll'da sabit, hero üstünde şeffaf, geçişli.

Tab Navigation

Sekme bazlı, içerik geçişli, dashboard tarzı.

Centered Logo Nav

Logo ortada, menüler yanlarda, simetrik.

Bottom Navigation

Mobil app tarzı, alta sabit, ikon + label.

Hero Tarzları

Ana sayfa giriş bölümü yaklaşımları

↓

Full-Screen Hero

100vh, ortada içerik, scroll indicator.

Split Hero

Yarı metin + yarı görsel, dengeli kompozisyon.

Video Background Hero

Arka plan video, overlay, immersive deneyim.

‹

›

Slider / Carousel Hero

Kayan içerik, oklar, dot indicator.

Minimal Hero

Az element, bol boşluk, tipografi odaklı.

Image Grid Hero

Görsel mozaik, galeri tarzı, portfolio için ideal.

Amaç Bazlı Tarzlar

Sitenin hedefine göre uygun tasarım yaklaşımları

Kurumsal / Corporate

Profesyonel, güven veren, ciddi, düzenli, sans-serif.

LUXURY

EXCLUSIVE

DISCOVER

Lüks / Premium

Altın detaylar, siyah arka plan, serif font, zarif animasyonlar.

₺299

₺199

₺449

%50 İNDİRİM

Satış Odaklı / E-Commerce

Ürün kartları, CTA butonlar, sepet, fiyat vurgusu.

7/24

Hızlı

Güvenli

Uzman

Hemen Randevu Al

Hizmet / Servis

Randevu, iletişim formu, güven sembolleri, testimonial.

Bilgi / Portal

Yoğun içerik, kategoriler, arama, blog/haber yapısı.

YENİ ÜRÜN

Şimdi Keşfet

ŞİMDİ BAŞLA

Daha Fazla

Tanıtım / Landing

Tek ürün/hizmet odaklı, güçlü CTA, hikaye anlatımı.

Kart Tasarımları

Sayfalarda tekrar eden kutular: ürün kutusu, yazı kartı, müşteri yorumu, fiyat tablosu gibi bileşenler

₺299

Ürün Kartı - Klasik

Görsel + başlık + fiyat + buton.

₺449

Ürün Kartı - Overlay

Görsel üzeri gradient, hover efekti.

Blog Kartı

Görsel + kategori + başlık + özet.

Testimonial Kartı

Alıntı + avatar + isim + unvan.

₺99/ay

Fiyat Kartı

Plan adı + fiyat + özellikler + CTA.

Ekip Kartı

Fotoğraf + isim + pozisyon + sosyal.

Özellik Kartı

İkon + başlık + açıklama.

1.2M+

İstatistik Kartı

Büyük sayı + label + mini grafik.

Bölüm Ayırıcıları

Sayfanın farklı bölümleri arasındaki dekoratif şekiller: dalga, eğri, açılı çizgi gibi geçişler

Wave / Dalga

Yumuşak dalga geçişi.

Diagonal / Çapraz

Keskin açılı geçiş.

Curve / Kavis

Tek yönlü yumuşak kavis.

Triangle / Üçgen

Ok şeklinde sivri geçiş.

Zigzag

Testere dişi deseni.

Drops / Damlalar

Yuvarlak blob şekilleri.

Straight / Düz

Basit düz çizgi, minimal.

Gradient Fade

Yumuşak renk geçişi.

Eylem Çağrısı Bantları

Ziyaretçiyi tıklamaya yönlendiren bölümler: "Hemen Başla", "Bizimle İletişime Geç" gibi buton içeren alanlar

Simple CTA

Başlık + alt metin + tek buton.

Split CTA

İçerik + görsel yan yana.

Full-Width Banner

Gradient arka plan, yatay düzen.

Card CTA

Kart içinde kompakt CTA.

Floating CTA

Yüzen kart, overlay efekti.

Sticky Bar

Sabit alt/üst bildirim çubuğu.

Footer Tarzları

Sayfa sonu tasarım alternatifleri

Minimal Footer

Tek satır, logo + sosyal ikonlar, sade.

Multi-Column Footer

Çoklu sütun, kategorize linkler, detaylı.

Big Footer

Geniş alan, logo+açıklama, çoklu link grupları.

CTA Footer

Aksiyon odaklı, öne çıkan buton/form.