
Letters
Açık hava kliniğinde sabah randevusu—yumuşak mavi bir tavanın altında steril beyaz bir masa, üzerinde mavi cerrahi aletler dağınık halde duruyor.
Letters, sakin ve klinik bir atmosfer yaratan yumuşak, atmosferik mavi bir şerit olan degrade açık gökyüzü başlığıyla başlayan ve ardından temiz beyaz bir çalışma alanına geçiş yapan tıbbi bir mektup yazma aracıdır. Sistem, tek renkli bir tarzda tasarlanmıştır: temiz beyaz bir tuval, neredeyse siyah metin (#070709), koyu hap şeklinde eylem çağrıları ve en ince gölgeler üzerinde yüzen yuvarlak kartlar. Tek bir parlak mavi (#2597d0), düğmeler veya büyük dolgular için asla kullanılmayan işlevsel noktalama işaretleri (ikonlar, mikro grafikler, dalga formu oynatıcıları) için ayrılmıştır. Tipografi, daha büyük ekran boyutlarında agresif negatif harf aralığına (-0,04em 80 pikselde) sahip geometrik hümanist bir sans-serif olan Open Runde'yi kullanır ve başlıkları kendinden emin bloklar halinde sıkıştırır. Bileşenler, tıbbi bir alet gibi hafif hissettirir: ince çerçeveler, geniş kart aralığı, hap şeklinde düğmeler ve gökyüzü şeklindeki başlığın duygusal işi yapmasına izin veren incelikli bir yükseklik kullanımı.
Sayfanın tüm genişliğini kaplayan gök mavisi gradyanlı ana sayfada, ortalanmış başlık ve alt metin ile altında bir harekete geçirici düğme bulunuyor. Sayfa, bölümler arasında geniş boşluk (80-120 piksel) bulunan beyaz bir içerik alanına sorunsuz bir şekilde geçiş yapıyor. Özellik bölümleri, eşit oranlarda büyük, yuvarlak kartlardan (18-32 piksel yarıçap) oluşan iki sütunlu bir ızgara kullanıyor. Bölüm başlıkları her zaman ortalanmış, tek sütun halinde, kart ızgarasının üstünde yer alıyor. Navigasyon, ortalanmış bir bağlantı kümesi ve sağa hizalanmış giriş eylemleri içeren sabit beyaz bir üst çubuktan oluşuyor. Genel ritim, tek, atmosferik bir ana şerit ve ardından tutarlı dikey nefes alma alanı ile dönüşümlü olarak beyaz ve #f5f5f5 bölümlerden oluşuyor. Yan çubuk, mega menü veya asimetrik düzenler yok; sayfa sakin, simetrik bir sütun gibi hissettiriyor.
Görsel tasarım neredeyse tamamen ürünün kullanıcı arayüzüne odaklanmış durumda; yaşam tarzı fotoğrafları veya soyut 3D render'lar yok. Görsel dil, uygulamanın yerel arayüzünü sergileyen ürün kartları etrafında oluşturulmuş: belgelerin "Önce" ve "Sonra" karşılaştırması, noktalı kenarlıklı bir yükleme alanı ve dalga formu şeklinde bir ses oynatıcı. Tek atmosferik görsel unsur, ana görüntüdeki gökyüzü gradyanıdır. Simgeler, dolgu varyasyonları olmadan, tek renkli #2597d0 çizgi simgeleridir (zarf, mikrofon, onay işareti). İllüstrasyon stili kısıtlıdır: ürün maketleri beyaz bir arka plan üzerinde, derinlik yaratmak için hafifçe döndürülmüş olarak gösterilir, asla keskin bir şekilde eğilmez. El yazısı fontu (The Doctor), yalnızca "Önce" kartındaki klinik el yazısını çağrıştırmak için kullanılan tek organik/el yapımı unsurdur.
Palet
Marka
- Surgical Blue
#2597d0— Simgeler, mikrofon simgesi, ses dalgası oynatıcısı ve küçük işlevsel vurgular, arayüz boyunca tek bir kromatik nota oluşturuyor.
Doğal
- Obsidian
#070709— Gövde metni, doldurulmuş harekete geçirici düğmeler ve koyu renkli kullanıcı arayüzü öğeleri; beyaz arka plana karşı kontrastı yumuşatmak için saf #000 yerine siyaha yakın bir renk tercih edilmiştir. - Paper White
#ffffff— Sayfa arka planı, kart yüzeyleri ve düğme metni, ana öğenin altındaki tüm bölümler için ana tuval görevi görür. - Cloud Gray
#f5f5f5— Ek kart yüzeyleri ve bölüm arka planları, işlevsel blokları ana tuvalden ayırır. - Sky Tint
#d7e6f5— Karton çerçevenin rengi ve yüzeyin zar zor fark edilen mavi tonu, gri bir hava yerine bir atmosfer duygusu yaratıyor. - Charcoal
#60606c— Ana metin, ikincil metin ve soluk kenarlıklar - başlık dışı içerik için baskın nötr bir renk. - Slate
#8b8b8b— Küçük metin ve etkin olmayan kenar durumları - konumları belirtmek ve engelli kişilerin erişilebilirliğini sağlamak için kullanılır.
Tipografi
12 ila 80 piksel arası · 8 adım
- sans-serif — yenisiyle değiştirme: Inter · ana hatlar 400, 700 · Sans-serif - çıkarılan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
- Open Runde — yenisiyle değiştirme: Inter Tight · ana hatlar 400, 500, 600, 700, 900 · Başlıklar ve gezinme menüsü için kullanılan ana yazı tipi, büyük boyutlarda harf aralığı sıkılmış geometrik hümanist bir yazı tipidir; 80 pikselde -0.04em, başlığı tek ve kendinden emin bir blok halinde sıkıştırır. Tüm başlıklar, gezinme menüsü ve büyük metinler için kullanın.
- Inter — yenisiyle değiştirme: system-ui · ana hatlar 400, 500 · İkincil gövde ve kullanıcı arayüzü metni – daha nötr bir okuma ritminin istendiği küçük başlıklar, gezinme öğeleri ve satır içi bağlantılar için kullanılır. Hiyerarşik kontrast oluşturmak için Open Runde ile birlikte kullanılır.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 12-16px |
| Düğme yarıçapı | 100px |
| Kart yarıçapı | 18px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 80-120px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Letters 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
- Integrated Biosciences — gece yarısı biyolüminesans laboratuvarı
- Mintlify — Cam bir masanın üzerinde bir bulut bahçesi. Elle çizilmiş gökyüzü ve belgesel birlikte çerçevelenmiş; sayfa manastır beyazlığına bürünmeden önce renk ve kavramın çarpıştığı tek yer burası.
- Gleap — Sıcak krem tonlarında, grafit detaylarla dekore edilmiş bir çalışma alanı; mat siyah mürekkep noktalarının keten kumaşın üzerinde adeta süzülüyormuş gibi göründüğü bir stüdyo.
- Render — Tasarım fırçalanmış alüminyum üzerine yapılmıştır. Arayüz, temiz, geometrik bir mühendislik belgesini andırıyor; beyaz boşluklar, ince çizgiler ve harekete dikkat çeken tek bir mor çizgi.
- Grafbase — Soğuk mermer üzerine mühendislik çizimi
- Slash — Altın yaldızlı defterlerle dolu gece kasası
- Modal — Karanlık bir sunucu odasında fosforlu bir terminal - tek ışık kaynağı parlak yeşil bir renk.
- Whimsical — Lavanta rengi zemin üzerine zengin erik rengi mürekkeple basılmış, hem yaratıcı bir stüdyo defteri hem de teknik bir pano olarak kullanılabilen bir ürün.
- AgentQL — Geceleyin terminalin üzerinde kuzey ışıkları.
- Alveos One — Nehir taşlarından yapılmış, sıcak ve samimi bir sığınak; yumuşak kehribar rengi bir ışık altında tek bir grafit objenin durduğu, sessiz, kremsi bir aydınlatmaya sahip meditasyon odası.
- GitHub — Biyolüminesans kontrol noktalarına sahip bir uzay komuta paneli; tek bir yeşil parıltının ileriyi gösterdiği karanlık, atmosferik bir çalışma alanı.
- Buddy — Grafik kağıdı üzerine yapılmış bir mühendislik çizimi. Beyaz çizim yüzeyi, neredeyse siyah mürekkeple uygulanmış, zar zor görülebilen bir ızgara, floresan açık yeşil işaretler ve yanardöner gradyan çizgilerle işaretlenmiştir.