İçeriğe geç

Konsept / Örnek projeMimarlık · Marka sitesi · 2026

FORMA — Minimal mimarlık stüdyosu

Beyaz ağırlıklı, grid kıran yerleşim ve imleci takip eden görsel önizlemeli proje dizini.

forma-studio-concept-mu.vercel.app
FORMA — Masaüstü

Tasarım fikri

12 kolonluk ızgarada üst üste binen görseller, perde gibi açılan kapak ve satır satır yükselen başlık. Tek terrakota nokta vurgu.

Mobil yaklaşım

Grid kırılımları korunur ama dikey akar; imleç önizlemesi kapanır, dizin dokunmaya uygun.

Renk paleti

  • White

    #FFFFFF

  • Plaster

    #F2F1EE

  • Graphite

    #111111

  • Concrete

    #9A9A95

  • Terracotta

    #D94F30

Tipografi

Inter Tight

Display

Inter Tight + IBM Plex Mono

Body

Stack

  • HTML
  • CSS
  • JavaScript
  • Vercel

Gerçek projede Next.js + CMS ile ölçeklenir.

Ekranlar

FORMA — Tam sayfa
Masaüstü · Tam sayfa (1920px)
FORMA — Tablet
Tablet · 834px
FORMA — Mobil
Mobil · 390px

Öne çıkan bölümler

  • Filtreli proje dizini + imleç önizleme
  • Öne çıkan proje ve teknik künye
  • 4 adımlı süreç
  • Büyük iletişim CTA’sı

Süreç

  1. 01

    Stüdyo felsefesi ve proje arşivi

  2. 02

    Grid-breaking kompozisyon

  3. 03

    Dizin etkileşimi ve geçişler

  4. 04

    Görsel optimizasyon ve yayın

Hedef metrikler

⚠ Örnek / öngörülen hedeflerdir — gerçek müşteri sonucu değildir.

proje sayfası görüntüleme hedefi (örnek)
+%30
ızgara sistemi (örnek)
12 kolon
geçiş algısı hedefi (örnek)
<1 sn

Sonraki adım

Aklınızda bir proje mi var? Birlikte konuşalım.

Ne geliştirmek istediğinizi anlatın. Sorularımızla veya bir görüşme önerisiyle dönüş yapalım; keşif sonrasında yazılı teklif sunalım. Herhangi bir yükümlülük yoktur.

Çerez tercihleri
ZorunluSitenin çalışması için gereklidir: ör. bu tercihin hatırlanması ve yalnızca yetkili personel için yönetim paneli oturumu. Her zaman açıktır.

Çerez Politikası