Wise
Kireçtaşının gerilimiyle harmanlanmış koyu yosunlar. Neredeyse simsiyah orman zemininde kireçtaşı parıltıları ve her hareketi işaret eden devasa, köşeli figürler.
Wise yazı tipi, kendinden emin, biraz yüksek sesle konuşuyor: Derin bir orman yeşili (#163300) yüzey alanının çoğunu kaplıyor—metin, navigasyon, koyu bölümler, simgeler—tek bir parlak limon yeşili (#9fe870) ise eylem çağrıları, aktif sekmeler ve temel öğelerde işlevsel noktalama işareti görevi görüyor. Yazı tipi neredeyse agresif: 900 çizgi kalınlığına sahip, yoğun bir şekilde paketlenmiş Wise Sans, ana ekranda büyük harflerle (100 piksel+) dikkat çekiyor. Sistemin geri kalanı, yumuşak gri yüzeylere sahip açık beyaz bir zeminde (#e8ebe6) mütevazı kalıyor. Bileşenler varsayılan olarak hap şeklinde—düğmeler, navigasyon bölümleri, onay kutusu küçük resimleri, resim maskeleri—kartlar ve giriş alanları için küçük yarıçaplar (10 piksel) ayrılmış durumda. Renk geçişleri nadir; bunun yerine, semender ve orman yeşili kombinasyonu, bölümler koyulaştıkça yumuşak bir şekilde değişerek aşırı süsleme olmadan bir ritim oluşturuyor.
Sayfanın tüm genişliğini kaplayan üst ve koyu bölümlerden oluşan, ortalanmış, maksimum 1200 piksel genişliğinde bir konteyner. Başlık düzeni, beyaz bir arka plan üzerinde büyük, ortalanmış bir başlık ve görünüm alanının alt kenarının ötesine uzanan büyük bir illüstrasyon (küre) içerir. Bölüm ritmi, doğal bir renk ritmi oluşturmak için beyaz, açık yeşil ve "orman mürekkebi" renginde koyu bir bölüm arasında değişir. İçerik düzeni esas olarak ortalanmıştır: üstte iki sütun halinde metin ve resim blokları veya ikincil bölümlerde üç sütun halinde birincil öğeler içeren satırlar. Ülke listesini görüntülemek için bayraklarla beş sütunlu bir ızgara kullanılır. Gezinme, bölümlü bir geçiş düğmesiyle tek, sabit bir üst çubuktur. QR kodu, tüm kaydırma konumlarında sağ alt köşede sabit kalır.
Altın paralarla dolu bir küreyi tasvir eden 3 boyutlu illüstrasyonlar, markanın görsel dünyasını yaratıyor; dokunsal, biraz gerçeküstü, yumuşak geçişler ve sıcak aydınlatma ile işlenmiş. Fotoğrafçılık minimalist; kullanıldığında ise parlak ve rahat bir tarzda. Ulusal bayraklar, beş sütunlu bir ızgarada dairesel küçük resimler olarak sunuluyor; tek "ikonik" sistem ulusal kimlik. Soyut grafik öğeler yok, standart şablonlar yok. Küre ve paralar, maskotun tekrar eden bir motifi olup, bir montaj yerine tek, sıcak, iyimser bir nesne aracılığıyla küresel erişimi işaret ediyor.
Palet
Marka
- Forest Ink
#163300— Markanın baskın koyu stili—gezinti metni, koyu bölüm arka planları, açık yüzeylerdeki gövde metni, simge çerçeveleri ve dolu gezinme öğeleri—gücünü tanımlayan şeydir: ağırlık veya otorite gerektiğinde, Forest Ink'i seçersiniz. - Lime Voltage
#9fe870— Yeşil, dekoratif detaylar için ikincil bir vurgu rengi olarak ve daha az sıklıkla kullanılan arama sorgularını öne çıkarmak için kullanılır. Eylem çağrıları için birincil renk olarak kullanılmamalıdır. - Spruce
#054d28— Kart yüzeylerinde, küçük ikonografide ve Forest Ink renginin çok doygun olduğu koyu alanlara derinlik katmak için ikincil bir koyu yeşil renk kullanılır.
Doğal
- Linen Mist
#e2f6d5— Yüzeylerde yumuşak vurgular, renkli kart arka planları ve gezinme çubuklarında fareyle üzerine gelindiğinde ortaya çıkan efektler için açık yeşil bir ton. Sade konteyner tasarım öğeleri için incelikli bir imza yeşili tonu. - Signal Blue
#0b4c72— Mavi renk, dekoratif detaylar için ek bir vurgu görevi görür ve düşük frekansları öne çıkarır. - Alarm Red
#cb272f— Kırmızı, dekoratif detaylar için destekleyici bir vurgu rengi görevi görür ve alışılmadık renkleri öne çıkarır. Statü rengi olarak değil, destekleyici bir vurgu rengi olarak kullanın. - Charcoal
#454745— Gövde metni, zengin kullanıcı arayüzü - beyaz bir arka plan üzerinde saf #000'dan daha yumuşak bir his veren, hafif sıcak bir siyah. - Obsidian
#0e0f0c— Başlıklar, yüksek kontrastlı başlıklar, gezinme ve ana menüdeki tamamen siyah öğeler. Nötr gri değil, hafif yeşilimsi bir ton içeren siyah. - Pebble
#868685— Soluk ikincil metin, yer tutucu metin, simge çerçeveleri ve giriş alanı kenarlıkları. Orta gri, uzaklaşan bir ton.
Tipografi
12 ila 105 piksel arası · 10 adım
- Inter — yenisiyle değiştirme: Inter (native Google Fonts) · ana hatlar 400,500,600,700 · Ürün genelindeki gövde metni, kullanıcı arayüzü, alt yazılar ve başlıklar için 700 puntoluk yazı tipi kullanılmıştır. Orta seviye başlıklar (36–45 piksel) için 700 puntoluk, alt başlıklar ve başlıklar için 500–600 puntoluk, gövde metni ve başlıklar için ise 400 puntoluk yazı tipi kullanılmıştır. Inter daha sade bir görünüm sağlarken, Wise Sans daha cesur bir görünüm sunar.
- Wise Sans — yenisiyle değiştirme: Inter Black (900) with -0.04em tracking · ana hatlar 900 · Başlıklar bir markanın kartvizitidir. 89-105 piksel aralıklı ve sık harf aralıklı, süper yoğun 900 yazı tipi, her başlığı cesur ve dikkat çekici bir reklama dönüştürür. Bunlar az miktarda kullanılır: gövde metni olarak, bölüm başlıkları için ve kampanya öne çıkanları için.
- monospace — yenisiyle değiştirme: Inter · ana hatlar 400 · Tek aralıklı metin - çıkarılan verilerde bulundu ancak yapay zeka tarafından tanımlanmadı.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 8-12px |
| Düğme yarıçapı | 9999px |
| Kart yarıçapı | 10px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 64-80px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Wise 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ı
- Huly — Gece Yarısı Gözlemevi'ndeki Kuzey Işıkları - baş kahraman, mercana doğru solan dikey bir mor ışın demeti ve altındaki her sessiz bölüm, daha sakin bir tonda anlatılan aynı iki tonlu hikayeyi ödünç alıyor.
- Dia Browser — Karanlık bir galeri alanı, bir gazete sayfasıyla iç içe geçiyor. Zifiri karanlık sahne, her bölümü tek bir serif başlıkla işaretlenmiş, güneş ışığıyla aydınlanmış bir gazete sayfasını ortaya çıkarıyor.
- 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.
- ClickUp — Beyaz mermer üzerinde güçlü bir kontrol paneli. Sayfa, bir verimlilik aracı için ürün broşürü niteliğinde; bu nedenle görsel dil, ürünün kendisinden ödünç alınmış: yoğun listeler, durum göstergeleri, avatar grupları ve sergilenen bir ürün spesifikasyonuna benzeyen cesur tipografik ifadeler.
- monday — Pastel çıkartmalarla süslenmiş beyaz atölye
- Portal — Twilight Serif Editorial - Bağımsız bir dergide, iOS tarzında tasarlanmış, üst düzey bir sayfa düzeni.
- Slack — Sahne patlıcan renginde ve beyaz spot ışıklarıyla aydınlatılmış. Koyu erik rengi, karanlık alanlarda hakimken, krem rengi tuval, büyük ve avangard başlıkların özgürce nefes almasını sağlıyor.
- Base44 — Güneş ışığıyla aydınlanmış defter, limon yeşili kalemle yazılmış.
- 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.
- Duolingo — Kalın işaretleme çizgileriyle belirlenmiş yeşil oyun alanı