Monad
sıcak parşömen üzerine editoryal teknik dergi
Monad, arayüzünün tamamını sıcak bir parşömen tuvalinde (#f6f3f1) sergileyerek, onu tipik saf beyaz SaaS şablonlarından hemen ayırıyor. Başlıklar editoryal bir ağırlığa sahip ve 400 punto ağırlığında bir yazı tipi olan Untitled Serif ile yazılmış (asla kalın değil), tüm gövde metni, navigasyon ve kullanıcı arayüzü öğeleri ise ABC Diatype Mono ile yazılmış, bu da siteye edebi bir dergi için dizilmiş teknik bir kılavuz dokusu kazandırıyor. Tek bir parlak mavi (Lake), temel eylemler için tek renk vurgusunu sağlıyor; geri kalan her şey sıcak bir gri paletinde tutuluyor, böylece açık mavi kart yüzeyi (#cfdaf5) ve yumuşak pastel gradyan geçişleri (mercan, gök mavisi, nane yeşili, altın) gürültüden ziyade kasıtlı noktalama işaretleri gibi hissettiriyor. Bileşenler, gölgeler yerine ince kenarlıklar ve hap kutularına dayanıyor ve ritim, kart benzeri girintiler ve bölümler arasında bol miktarda dikey boşluk sayesinde sakin ve ferah tutuluyor.
Görsel dil, geliştirilmiş bir veri hattı diyagramına dayanmaktadır: ince kavisli çizgilerle çevrili hap şeklinde düğümler ve her düğümün içinde veri kaynaklarını (herhangi bir kaynak, bulut günlükleri, güvenlik açıkları) ve hedefleri (SIEM, bulut depolama, veri gölü) temsil eden küçük simgeler. Diyagram, veri normalizasyonunu vurgulamak için merkezde yumuşak yeşil bir radyal parıltı kullanır. Güçlü bulanıklık filtreleriyle birlikte gradyan atmosferik tonlar (mercan → Gökyüzü Mavisi, Gökyüzü Mavisi → Nane Yeşili), ana ve işlevsel içeriğin arkasında yumuşak renk haleleri oluşturur. Ortak logoları tek bir satırda gösterilerek sosyal etki vurgulanır. "Veri Dönüşümleri Devam Ediyor" kartı, üst üste binen yarı saydam geometrik şekillerle büyük bir gradyan illüstrasyonuna sahiptir. Fotoğraf kullanılmaz; marka, bilgiyi yalnızca tipografi, diyagramlar ve renk şemaları aracılığıyla iletir.
Palet
Marka
- Parchment
#f6f3f1— Sayfa tuvali ve yüzey dolgusunun büyük bir bölümü -bu sıcak, kremsi ton- markanın imza rengidir ve siteyi tamamen beyaz olan SaaS şablonlarından hemen ayırt eder. - Lake Blue
#2b59d1— Mor renk, arka planları vurgulamak, dekoratif çizgiler oluşturmak ve içeriğin arkasında ince bir vurgu olarak kullanılır. Eylem çağrıları için ana renk olarak kullanılmamalıdır.
Doğal
- Off-Black
#242424— Açık renkli yüzeylerdeki ana düğmeler için yüksek kontrastlı nötr dolgu. - Periwinkle Mist
#cfdaf5— Devre dışı bırakılmış kontroller, düşük öncelikli paneller ve yer tutucu bloklar için sade bir arayüz. - Sky Blue
#a0b5eb— Dekoratif Gradyan Durdurucu - Borulama diyagramındaki atmosferik dolgularda ve akış çizgilerinde görünür, asla kullanıcı arayüzü dolgusu olarak kullanılmaz. - Mint
#a7fccd— Ana renk paletinin kontrast oluşturması gerektiğinde, küçük dekoratif detaylar için kullanılan ikincil bir renk paleti. - Coral
#ff9473— Ana renk paletinin kontrast oluşturması gerektiğinde, küçük dekoratif detaylar için kullanılan ikincil bir renk paleti. - Gold
#ecda98— Dekoratif degrade nokta, degrade geçişlerinde sıcak bir vurgu unsuru olarak kullanılır ve asla işlevsel kullanıcı arayüzlerinde kullanılmaz.
Tipografi
12 ila 80 piksel arası · 10 adım
- ABC Diatype Mono — yenisiyle değiştirme: JetBrains Mono · ana hatlar 400, 500 · Ana metin, gezinme, düğmeler, simgeler, etiketler ve TÜM kullanıcı arayüzü metni. Tüm işlevsel öğelerde tek aralıklı bir yazı tipi kullanılması, arayüze teknik bir kılavuz havası veriyor; 16-20 piksel boyutundaki birincil metin, pazarlama bilgisi değil, veri olarak algılanıyor. Gezinme etiketleri ve simgeler, daha hassas harf aralığına sahip 18 piksel yazı tipi kullanıyor; daha küçük yazı tipleri ve meta metinler ise büyük harflerle 12 piksel yazı tipi kullanıyor. 500 piksel yazı tipi boyutu, öne çıkan kullanıcı arayüzü öğeleri için ayrılmıştır.
- Untitled Serif — yenisiyle değiştirme: Times New Roman · ana hatlar 400 · Sadece başlıklar ve alt başlıklar için kullanılır—80 piksel (ana metin), 48 piksel (bölüm), 40 piksel ve 32 piksel (alt bölümler) ve 24 piksel (açıklama kartı başlıkları) boyutlarında. Yazı tipi kalınlığı tüm boyutlar için 400 olarak sabitlenmiştir; serif yazı tipinin doğal kontrastı ve -0.02em harf aralığı, kalın yazı tipi yerine ana odak noktasını sağlar. Bu, editoryal stildir: başlıklar, ağırlıkla bağırmak yerine tipografik incelikle fısıldar.
- Untitled Sans — yenisiyle değiştirme: Inter · ana hatlar 400 · Başlıksız Sans yazı tipi - çıkarılan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 16px |
| Düğme yarıçapı | 100px |
| Kart yarıçapı | 40px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 64px |
| Sayfa genişliği | 1432px |
Yapay zeka, web sitenizi Monad 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
- ElevenLabs — Sıcak krem tonlarında, incelikli başlıklarla hazırlanmış bir fotoğraf denemesi. Bauhaus tarzı bir defter: yumurta kabuğu renginde kağıt, siyah mürekkep ve ürün sergilemek için tek bir mor ve turuncu vurgu.
- Awesomic — Turuncu noktalama işaretleriyle konfetiyi andıran, editoryal amaçlı çinko ağ.
- Dub — Link'in mat pirinç kağıdı kontrol paneli
- Seline Analytics — Sıcak kağıt üzerinde sessiz, analitik bir masa.
- Notion — Öğlen güneşinde ısınmış bir kağıt defter
- Anthropic — Sıcak parşömen kağıda basılmış bilimsel bir saha dergisi; sakin fildişi yüzeyler, tırnaklı yazı tipi başlıkları ve yalnızca harekete geçilmesi gerektiğinde ortaya çıkan tek bir kil rengi vurgu.
- Calendly — Soğuk mermer üzerine koyu mavi mürekkep
- Augen Pro — Apple'ın beyaz sunumunda, tek renkli bir alanda tek vurgu olarak klinik, ağırlıksız, elektrik mavisi bir renk öne çıkıyor.
- Antimetal — Krem rengi kağıda basılmış bir editörlük günlüğü—bilimsel bir dergide sakin bir sabah; burada ölçülülük özgüveni ifade eder ve serif yazı tipleri ağır işleri üstlenir.
- Perk — Sıcak parşömen kağıdı üzerinde elektrikli kireç
- Ditto — Güneş ışığı altında kır çiçeği örnekleri oluşturulan bir atölye. Sıcak krem rengi yüzeyler, canlı sarı bir taban rengi, koyu lacivert mürekkepler, eserin arkasında açan organik renk formları.
- Officevibe — Sıcak krem rengi kağıda basılmış bir editoryal dergi. İnsan kaynakları yönetimi üzerine düşünceli bir makalenin, modern mavi bir arayüz üzerinden fısıldayan el yazısı bir serif yazı tipiyle bir ürün olarak sunulduğunu hayal edin.