Authkit
Gece Yarısında Buzlu Camdan Katedral
AuthKit, gece vakti ürün sunumu estetiği yaratıyor: buzlu cam yüzeylere sahip neredeyse siyah bir tuval, zar zor görünen çizgilerden oluşan bir ızgara ve cam bir katmanla aydınlatılmış gibi görünen parlayan metin. Yazı tipi, koyu bir arka plana karşı neredeyse tamamen beyaz olup, tek işlevsel unsur olarak parlak mor bir vurgu içeriyor; her etkileşimli yüzey, sert bir çerçeve yerine yumuşak, ince bir soğuk mavi-beyaz çizgiye sahip. Bileşenler, ortam ışığı üzerine katmanlanmış yarı saydam katmanlar üzerine yerleştirilmiş ve kartlar, kağıt paneller yerine alttan aydınlatılmış cam plakalar gibi görünüyor. Boşluklar geniş ve ritmik; ana unsur, geleneksel bölünmüş ekran düzeni yerine, sayfanın tüm genişliğini kaplayan, etrafı yüzen cam kartlarla çevrili tek bir aydınlatılmış logodur.
Tam genişlikte, koyu renkli bir tuval ve ortalanmış bir içerik konteyneri, maksimum 1200 piksel genişliğinde. Ana öğe, küçük kaş şeklinde bir metnin altında tek, ortalanmış, aydınlatılmış bir logodur ("AuthKit" gradyan yazı tipinde), bunun arkasında/altında giriş formu içeren üç yüzen cam kart açılır (sol kart sola eğik, orta kart büyütülmüş, sağ kart sağa eğik). Ana öğenin altında ortalanmış bir açık/koyu tema geçiş düğmesi bulunur. Özellik satırı, dairesel simgeler arasında ince bağlantı çizgileri bulunan 6 simgeden oluşan yatay bir zaman çizelgesidir. Bölüm ritmi: Her bölüm, soluklaşan yatay çizgilerle çerçevelenmiş ortalanmış kaş şeklinde bir metinle başlar, ardından büyük, ortalanmış bir başlık (44-48 piksel) ve ardından tek satırlık soluk gövde metni (16-18 piksel) gelir, maksimum genişlik ~640 pikseldir. Özelleştirme bölümü, tasarım araçları çalışma alanı gibi, tuvalin köşelerine yerleştirilmiş yüzer kullanıcı arayüzü denetleyici panelleri (renk paletleri, yarıçap kaydırıcıları, logo simgesi seçici, düğme metin alanı, sayfa arka plan alanı) ile çevrili, ortada bir giriş kartı bulunan bir tarayıcı penceresinin maketini görüntüler.
Görsel tasarımda, "cam morfolojisi" tarzında tasarlanmış (e-posta/şifre giriş alanları, sosyal medya giriş butonları, şifresiz kod girişi) ve gece yarısı bir tuval üzerinde yüzen, yarı saydam kartlar olarak sunulan giriş formu prototipleri hakimdir. Özellik simgeleri, yuvarlak, mat karolar içinde #d1e4fa renginde tek renkli doğrusal gliflerdir. Sayfanın tamamını kaplayan ince bir ızgara (rgba(186,215,247,0.06) renk kodlu 1 piksellik çizgiler), atmosfer yaratırken, ana öğenin üst kısmında konik bir gradyan spot ışığı parıldar. Fotoğraf yok, yaşam tarzı görseli yok, ürün ekran görüntüsü yok; ürünün kendisi görsel öğedir: karanlık bir stüdyoda cam prototipler gibi düzenlenmiş giriş alanları.
Palet
Marka
- Void Violet
#663af3— Giriş formlarındaki "Devam Et/Gönder" düğmesi için kullanılan tek vurgu rengi, harekete geçirici çağrı (CTA) düğmesi için kullanılan ana renktir; neredeyse siyah arka plana karşı canlı mor renk, tek renkli renk düzenini bozmadan aciliyet hissi yaratır.
Doğal
- Midnight Canvas
#05060f— Sayfa arka planı, kartın en derin yüzeyi, rozetin dolgusu—her şeyin üzerinde yüzdüğü neredeyse siyah bir taban. - Steel Plate
#2f343e— Kabartmalı yüzey, hayalet/ikincil işlem düğmeleri, gizli panel desteği. - Fog Veil
#9da7ba— Kart üzerindeki ana metin okunabilir durumda, ancak başlıklarla karşılaştırıldığında arka planda kalıyor. - Moon Mist
#c7d3ea— Ana metin, ek etiketler, soluk yardımcı metin - Frost Glow
#d1e4fa— Gövde ve bağlantı metni, simge metni ve simge dolgusu için birincil dolgu rengi, varsayılan parlayan ön plan rengidir. - Ice Highlight
#d8ecf8— Koyu yüzeylerde açık renkli metin, ters çevrilmiş etiketler ve yüksek kontrastlı başlıklar kullanın. Eylem çağrıları için ana renk olarak kullanmayın; AuthKit logosunda ve temel başlıklarında kullanılan, yukarıdan aşağıya doğru açık maviden yumuşak maviye yumuşak bir geçiş olan başlık gradyanı kullanın.
Tipografi
12 ila 48 piksel arası · 8 adım
- Untitled Sans — yenisiyle değiştirme: Inter · ana hatlar 400, 500, 600, 700 · Ana metin, kullanıcı arayüzü, düğmeler, giriş alanları, simgeler, küçük başlıklar - işlevsel olan her şey için evrensel bir yazı tipi.
- aeonikPro — yenisiyle değiştirme: Space Grotesk · ana hatlar 400, 500 · Yalnızca başlıkları (AuthKit markası, bölüm başlıkları ve gövde metni) gösteren 44-48 piksel boyutunda 500 punto yazı tipi, markaya gösterişli bir vurgu yerine geniş ve sade bir görünüm kazandırıyor.
- dotDigital — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400 · Tamamı büyük harflerle yazılmış metin ("Tanıtıyoruz," "Genişletilebilir Tasarım," "Parlak Parlayın") - 0,10em aralıklı, tek tip büyük harfli metin, gövde metni ile başlık arasında ince bir ayırıcı görevi görür.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ferah |
| Temel adım | 16px |
| Düğme yarıçapı | 999px |
| Kart yarıçapı | 16px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 120px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Authkit tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Resend — mor neon renkli siyah kadife
- Gsap — Bir tasarım stüdyosunda hareketli bir beyaz tahta. Neredeyse siyah bir duvar, sıcak krem rengi tebeşir ve her animasyon disiplini için birer tane olmak üzere beş renkli kalem.
- Slash — Altın yaldızlı defterlerle dolu gece kasası
- Raycast — Gece Yarısı Komuta Merkezi, Mercan Neon
- Dimension — Buzlu cam panellerle donatılmış, alacakaranlıkta aydınlatılan bir çalışma alanı.
- Modal — Karanlık bir sunucu odasında fosforlu bir terminal - tek ışık kaynağı parlak yeşil bir renk.
- Reflect Notes — Yıldızlı mor uzay, notaların neredeyse simsiyah çivit mavisi bir boşluğun fonunda takımyıldızlar gibi süzüldüğü karanlık bir gözlemevidir.
- LaunchDarkly — Neon Kontrol Odası, simsiyah panellerden mor ışıkların titreştiği karanlık bir kokpittir.
- Ameba — Gece yarısı kontrol odası – buzlu cam panellerin içinde elektrik mavisi bir titreşim.
- AgentQL — Geceleyin terminalin üzerinde kuzey ışıkları.
- Neon — Karanlık çöktükten sonra bir sunucu odası. Tamamen karanlık, tek ışık kaynağı veriler ve kullanıcı etkileşimleri.
- N8n — Gece Yarısı İş Akışı Motoru – karanlık bir sunucu odasında, durum göstergeleri ve veri akışlarıyla aydınlatılmış, gerçek zamanlı bir otomasyon tuvalinin hissi.