v2 Minimal

Unimad Madencilik - Tasarım Dokümantasyonu

Madencilik, mimarlık ve jeoteknik mühendislik sektörü için kurumsal web sitesi tasarımı.

Oluşturulma: 6 Ocak 2026 | Fingerprint: v2-sky-spgr-split21

Design Token Sistemi

Renk Paleti: Sky

Primary sky-600 (#0284c7)
Primary Hover sky-700 (#0369a1)
Accent Light sky-100 (#e0f2fe)
Dark BG sky-950 (#082f49)

Gradient Ailesi: Yok (Minimal tasarım, solid renkler)

Font Çifti: #11 (Modern & Tech)

HEADING

Space Grotesk

Tech-forward, geometric, modern

BODY

DM Sans

Clean, readable, professional

Border & Spacing

  • Border Radius: rounded-none (keskin köşeler)
  • Section Padding: py-20 md:py-32 (spacious)
  • Container: px-4 sm:px-6 md:px-8 lg:px-12 xl:px-16 2xl:px-20
  • Card Padding: p-8
  • Grid Gap: gap-8 md:gap-12

Typography Hierarchy

  • H1: text-4xl md:text-5xl xl:text-6xl font-bold
  • H2: text-3xl md:text-4xl xl:text-5xl font-bold
  • H3: text-2xl font-bold
  • H4: text-xl font-semibold
  • Body: text-lg leading-relaxed
  • Small: text-sm

Layout Seçimleri

#21 - Split Hero

Sol %60 metin + Sağ %40 görsel, floating card

#21 - Statistics First About

Giant counters, 4-column stat grid

#26 - Horizontal Tabs

Tab navigation for 3 services

#1 - Pillar Grid (Values)

3x2 grid, icon + title + description

#1 - Split Form (Contact)

Sol info + Sağ form layout

#1 - Multi-Column Footer

4-column classic footer

Section Sırası: #1 - Hero > Services > About > Contact (servis odaklı)
Mega Menu Stili: #3 - Icon Grid (3-column with icons)

Hover Efektleri

#1 - Icon Weight

FontAwesome far → fas (Regular → Solid)

.hover-icon:hover .icon-light { display: none; }
.hover-icon:hover .icon-solid { display: block; }
#6 - Text Slide

Text translateX(8px) on hover

.hover-slide-text:hover .slide-text {
  transform: translateX(8px);
}
#11 - Border Draw

Sol border yukarıdan aşağı çizilir

.hover-border-draw::before {
  height: 0 → 100%;
}

v1 vs v2 Karşılaştırma

Özellik v1 v2 (Yeni)
Renk Paleti Bakır-Turuncu, Mavi, Yeşil (3 hizmet rengi) Sky (tek tutarlı palet)
Font Montserrat + Inter Space Grotesk + DM Sans
Hero Slider Hero Split Hero (Sol metin + Sağ görsel)
Köşeler Rounded (yumuşak) Keskin (rounded-none)
Dark Mode Varsayılan: Dark Sistem tercihi + localStorage
Hizmetler Card Grid Horizontal Tabs (daha interaktif)
Tasarım Dili Endüstriyel, sıcak tonlar Minimal, soğuk tonlar, spacious

Leonardo.ai Görsel Promptları

hero-team.jpg 800x1000

Editorial photograph of professional engineering team in modern office, three engineers reviewing blueprints on glass table, floor-to-ceiling windows with Ankara cityscape background, morning natural light, corporate professional atmosphere, Canon EOS R5 85mm f/1.4, shallow depth of field, Kodak Portra 400 film look, subtle lens dust particles, 8k quality

Model: Leonardo Phoenix Style: Cinematic Guidance: 7
office-interior.jpg 800x450

Editorial photograph of modern engineering company headquarters lobby, minimalist interior design, white marble floors, glass partitions, large reception desk with company logo, architectural models on display shelves, diffused natural daylight, Canon R5 24mm f/2.8, wide angle composition, Fuji Pro 400H film emulation, subtle vignette, clean corporate aesthetic, 8k

Model: Leonardo Phoenix Style: Cinematic
mining-site.jpg 800x450

Documentary photograph of active mining site in Anatolian mountains, aerial view of open pit mine with geometric terraces, heavy machinery and haul trucks working, dust particles in golden hour sunlight, dramatic landscape, DJI Mavic 3 drone camera, wide establishing shot, earth tones with copper and amber highlights, National Geographic style, 8k quality

Model: Leonardo Phoenix Style: Documentary
architecture-project.jpg 800x450

Professional photograph of architect working on 3D model on large monitor, modern design studio environment, blueprint prints on desk, scale models visible, cool blue LED accent lighting, focused concentration, Sony A7IV 50mm f/1.8, medium depth of field, clean modern aesthetic, slight blue color grade, creative professional atmosphere, 8k

Model: Leonardo Phoenix Style: Cinematic
geotech-drilling.jpg 800x450

Documentary photograph of geotechnical drilling operation, engineers in safety gear operating soil sampling equipment, core samples arranged on table, field laboratory setup, overcast diffused lighting, construction site background, Canon 5D Mark IV 35mm f/2, reportage style, earth tones with emerald accent, authentic working environment, 8k quality

Model: Leonardo Phoenix Style: Documentary

Teknik Notlar

Dark/Light Mode: localStorage ile kalıcı, sistem tercihine göre varsayılan
Animasyonlar: AOS scroll animations (duration: 800ms, once: true)
Counter Animation: Alpine.js ile 60 frame, 30ms interval
Responsive: Mobile-first, hamburger menu lg: breakpoint
Mega Menu: mouseenter/mouseleave ile açılış, transition animasyonlu
Tabs: Alpine x-show + x-transition ile smooth geçiş

Fingerprint

{
  "version": "v2",
  "hash": "v2-sky-spgr-split21",
  "created": "2026-01-06",
  "layouts": {
    "hero": 21,
    "about": 21,
    "services": 26,
    "values": 1,
    "contact": 1,
    "footer": 1
  },
  "colors": {
    "palette": "Sky",
    "primary": "sky-600",
    "dark_bg": "sky-950"
  },
  "fonts": {
    "heading": "Space Grotesk",
    "body": "DM Sans",
    "pair_id": 11
  },
  "style": {
    "border_radius": "none",
    "spacing": "spacious",
    "design_language": "minimal-corporate"
  },
  "hover_effects": [1, 6, 11],
  "mega_menu": 3,
  "animated_bg": null
}