Mahmutoğlu Hukuk

v2 - Tasarım Dokümantasyonu

Tasarımı Gör Geri Dön

Genel Bilgiler

Sektör

Hukuk Bürosu / Avukatlık

Firma

Mahmutoğlu Hukuk & Danışmanlık

Versiyon

v2 - Premium Art Deco

Oluşturulma Tarihi

20 Ocak 2026

Seçilen Tasarım Stilleri

Lüks / Premium Bold Typography Art Deco Amber Palette Centered Logo Nav Centered Footer

Hukuk bürosu için lüks ve prestijli bir görünüm hedeflenmiştir. Art Deco esintileri (geometrik desenler, diamond şekiller, gold aksan çizgiler) ile birlikte koyu tema ve amber/gold renk paleti kullanılmıştır.

Design Token Sistemi

Renk Paleti

Primary
amber-500

Primary Dark
amber-600

Background
slate-950

Surface
slate-900

Gradient Ailesi

from-amber-600 to-amber-500 Primary Gradient
from-amber-500 via-amber-400 to-amber-600 Animated Text

Font Çifti (#41 - Premium & Luxury)

Cinzel

Başlıklar, navigasyon, butonlar

Art Deco / Luxury karakteri

Cormorant Garamond

Body text, açıklamalar

Elegant / Refined karakteri

Spacing Sistemi

Container: px-3 sm:px-6 md:px-8 lg:px-12 xl:px-16 2xl:px-20 Section Padding: py-20 md:py-28 lg:py-32 Card Padding: p-6 lg:p-8 Border Radius: rounded-xl (cards), rounded-lg (buttons)

Layout Seçimleri

Hero Section

#111 Dark Luxury - Full-screen, centered content, Art Deco geometrik dekorasyonlar, floating diamond shapes, gradient animated text

Services Section

#3 Icon Grid - 4-column responsive grid, icon background hover, thin-to-solid icon transition

About Section

#21 Split Layout - Sol %60 metin + Sağ %40 image, floating quote card, Art Deco corner decorations

Values Section

#61 Card-based - 3-column grid, left border reveal hover effect, gradient icon backgrounds

Team Section

#106 Founder Story - Tek büyük kart, gradient border, expertise tags

Contact Section

#1 Card Grid - 3 contact card + working hours + CTA row

Footer

#26 Centered Minimal - Logo, Art Deco line, address, contact, social icons

Navigation

#3 Logo Center + Nav Split - Centered logo with diamond decorations, underline hover animation

Hover Efektleri

#1 FontAwesome thin → solid (fat → fas)
#8 Underline çizim (navigation links)
#11 Border çizim - top to bottom (value cards)
#14 Gradient border reveal (service cards)
Custom Button shine effect (CTA buttons)

Art Deco Elementler

Geometrik Desenler

  • Diamond shapes (rotate-45 squares)
  • Art Deco corner decorations
  • Floating geometric shapes (animated)
  • SVG cross pattern background

Dekoratif Çizgiler

  • Gradient horizontal lines
  • Section divider ornaments
  • Border reveal animations
  • Art Deco line separators

Section Sıralaması

Kullanıcı talebi: "Anasayfayı çok sectionlu yapma"

1. Hero 2. Hizmetler 3. Hakkımızda 4. Değerler 5. Ekip 6. İletişim

Alternatif #2 kullanıldı: Hero > Services > About > Values > Team > Contact (servis + insan odaklı hibrit)

Tasarım Fingerprint

{
  "version": "v2",
  "hash": "mh-art-deco-2026",
  "layouts": {
    "hero": 111,
    "services": 3,
    "about": 21,
    "values": 61,
    "team": 106,
    "contact": 1,
    "footer": 26,
    "nav": 3
  },
  "colors": {
    "palette": "Dark Luxury (#8)",
    "primary": "amber-500/600",
    "background": "slate-950/900"
  },
  "fonts": {
    "heading": "Cinzel",
    "body": "Cormorant Garamond",
    "pair_number": 41
  },
  "style": {
    "theme": "Art Deco Premium",
    "mode": "Dark (default)"
  },
  "hover_effects": [1, 8, 11, 14]
}

Leonardo.ai Görsel Promptları

hero-bg.jpg 1472x832

Editorial photograph of luxury law firm boardroom interior, dark wood paneling, brass Art Deco light fixtures, floor-to-ceiling bookshelves with leather-bound books, soft amber accent lighting, Persian rug, empty executive leather chairs around polished mahogany table, morning light through venetian blinds, Canon R5 24mm f/2.8, architectural photography, moody atmosphere, Kodak Portra 800 film simulation, subtle vignette, 8k quality

Model: Leonardo Phoenix Style: Cinematic Aspect: 16:9
about-office.jpg 600x700

Editorial photograph of prestigious law office entrance, Art Deco brass door handles and frame details, frosted glass with elegant typography, marble floor with gold inlay pattern, warm ambient lighting, potted palm plant in brass planter, professional atmosphere, shallow depth of field, Canon R5 50mm f/1.8, Fujifilm Velvia film look, slight lens dust particles, high-end corporate feel, 8k resolution

Model: Leonardo Phoenix Style: Photorealistic Aspect: Portrait
founder-portrait.jpg 600x600

Professional headshot portrait of distinguished Turkish male attorney in his 50s, salt and pepper hair neatly styled, wearing tailored navy suit with amber/gold tie, confident but approachable expression, arms crossed, neutral dark gray background with subtle gradient, studio lighting with soft key light, Canon R5 85mm f/1.4, shallow depth of field, corporate executive photography style, Kodak Portra 400 film look, clean and professional, 8k quality

Model: Leonardo Phoenix Style: Portrait Aspect: Square
services-bg.jpg 1472x832

Abstract Art Deco geometric pattern, dark navy background with subtle gold and amber metallic accents, fan shapes, chevron lines, repeating geometric motifs, luxury wallpaper texture, matte finish, minimal noise grain, elegant and sophisticated, perfect for text overlay, 8k seamless pattern

Model: Leonardo Phoenix Style: Pattern Tiling: Yes
contact-building.jpg 800x600

Exterior photograph of Akasya Acıbadem Koru Kule modern glass skyscraper in Istanbul at golden hour, dramatic city skyline, warm amber sunlight reflecting off glass facade, professional architectural photography, low angle shot looking up, blue hour sky gradient, Canon R5 16mm f/2.8 ultra wide, corporate real estate photography style, HDR processing, 8k resolution

Model: Leonardo Phoenix Style: Architectural Aspect: 4:3

Teknik Notlar

Dark Mode Default: Premium hukuk bürosu hissi için koyu tema varsayılan olarak aktif

FontAwesome Pro 7 Local: /assets/libs/fontawesome-pro@7.1.0/css/all.css kullanıldı (CDN değil)

Icon Hover: Tüm kartlarda fat (thin) → fas (solid) geçişi JavaScript ile uygulandı

AOS Animasyonlar: Scroll-triggered fade animasyonları, once: true ile tek seferlik

Mobile Menu: Slide-from-right off-canvas menu, overlay ile

Gradient Text: Animated gradient (6s infinite) hero başlığında, static gradient diğer yerlerde

Gradient Border: Animated border (4s) founder card'da, static border diğer yerlerde

Responsive: Mobile-first approach, 6 breakpoint (sm, md, lg, xl, 2xl)

Theme Toggle: localStorage ile kullanıcı tercihi saklanıyor

Smooth Scroll: Anchor link'lerde 80px header offset ile

Özel Notlar

Kullanıcı Talebi: "Anasayfayı çok sectionlu yapma" - Bu nedenle sadece 6 temel section kullanıldı: Hero, Hizmetler, Hakkımızda, Değerler, Ekip, İletişim.

Blog/Makaleler: İç sayfa olarak planlandı, anasayfada gösterilmedi.

SSS: İç sayfa olarak planlandı, anasayfada gösterilmedi.

Süreçlerimiz: İç sayfa olarak planlandı, anasayfada gösterilmedi.

Art Deco Uyumu: 1920-1930'ların Art Deco estetiği modern web tasarımına adapte edildi. Geometrik desenler, gold/amber aksan renkleri, bold serif tipografi (Cinzel), symmetrik düzenler kullanıldı.

20 Ocak 2026 • Mahmutoğlu Hukuk v2 Dokümantasyonu