Wise
Əhəng daşı gərginliyi ilə örtülmüş dərin mamır. Demək olar ki, qara meşə döşəməsində əhəngdaşı qığılcımları parıldayır və nəhəng, bucaqlı fiqurlar hər hərəkəti işarələyir.
Wise şrifti özünəinamlı, bir az uca səslə danışır: tünd meşə yaşılı (#163300) səth sahəsinin çox hissəsini - mətn, naviqasiya, tünd hissələr, nişanlar - tutur, tək parlaq əhəng yaşılı (#9fe870) isə hərəkətə çağırışlarda, aktiv sekmelerdə və əsas elementlərdə funksional durğu işarələri kimi xidmət edir. Şrift demək olar ki, aqressivdir: 900 xətt çəkisi olan, sıx şəkildə yerləşdirilmiş Wise Sans, ana ekranda böyük hərflərlə (100px+) seçilir. Sistemin qalan hissəsi yumşaq boz səthləri olan (#e8ebe6) ağ rəngli bir kətan üzərində gizli qalır. Komponentlər standart olaraq həb şəklindədir - düymələr, naviqasiya seqmentləri, onay qutusu eskizləri, şəkil maskaları - kartlar və giriş sahələri üçün kiçik radiuslarla (10px) ayrılmışdır. Rəng qradiyentləri nadirdir; bunun əvəzinə, salamandr və meşə yaşılının birləşməsi hissələr qaraldıqca hamar şəkildə dəyişir və həddindən artıq bəzək olmadan ritm yaradır.
Mərkəzləşdirilmiş, səhifənin bütün enini əhatə edən yuxarı və tünd hissəyə malik maksimum 1200 piksel enli konteyner. Başlıq düzülüşü ağ fonda böyük, mərkəzləşdirilmiş başlığa malikdir və böyük bir illüstrasiya (qlobus) baxış pəncərəsinin alt kənarından kənara çıxır. Bölmə ritmi ağ, açıq yaşıl və "meşə mürəkkəbi"ndəki tünd hissə arasında dəyişir və təbii rəng ritmi yaradır. Məzmun düzülüşü əsasən mərkəzləşdirilmişdir: yuxarıdakı iki sütunda mətn və şəkillər blokları və ya ikinci dərəcəli bölmələrdə üç sütunda əsas elementləri olan sətirlər. Ölkələrin siyahısını göstərmək üçün bayraqları olan beş sütunlu şəbəkə istifadə olunur. Naviqasiya seqmentləşdirilmiş keçidli tək, sabit üst zolaqdır. QR kodu bütün sürüşdürmə mövqelərində aşağı sağ küncdə sabit qalır.
Qızıl sikkələrlə qlobusu təsvir edən 3D illüstrasiyalar brendin vizual dünyasını yaradır — toxunma, bir az sürreal, yumşaq qradiyentlər və isti işıqlandırma ilə işlənmişdir. Fotoqrafiya minimalistdir; istifadə edildikdə, yüksək səviyyəli və təsadüfi olur. Milli bayraqlar beş sütunlu şəbəkədə dairəvi miniatürlər kimi təqdim olunur — yeganə "ikonik" sistem milli kimlikdir. Mücərrəd qrafik elementlər, standart şablonlar yoxdur. Qlobus və sikkələr maskotun təkrarlanan motividir və montaj əvəzinə tək, isti, nikbin bir obyekt vasitəsilə qlobal əhatə dairəsini siqnal verir.
Palitra
Brend
- Forest Ink
#163300— Brendin dominant tünd stili — naviqasiya mətni, tünd hissə fonları, açıq səthlərdə əsas mətn, ikon konturları və doldurulmuş naviqasiya elementləri — onun gücünü müəyyən edir: çəki və ya nüfuz tələb olunan yerdə Forest Ink-i seçirsiniz. - Lime Voltage
#9fe870— Yaşıl rəng dekorativ detallar üçün ikinci dərəcəli vurğu və daha az istifadə olunan axtarış sorğularını vurğulamaq üçün istifadə olunur. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir. - Spruce
#054d28— İkinci dərəcəli tünd yaşıl rəng kart səthləri, kiçik ikonoqrafiya və Forest Ink-in çox doymuş olduğu qaranlıq sahələrə dərinlik əlavə etmək üçün istifadə olunur.
Neytral
- Linen Mist
#e2f6d5— Səthlərdə yumşaq işıqlandırma, rəngli kart fonları və naviqasiya panellərində hover vəziyyətləri üçün açıq yaşıl çalar. Gizli konteyner dizayn elementləri üçün incə yaşıl çalar. - Signal Blue
#0b4c72— Mavi rəng dekorativ detallar üçün əlavə vurğu və aşağı tezlikləri vurğulamaq üçün xidmət edir. - Alarm Red
#cb272f— Qırmızı rəng dekorativ detallar üçün dəstəkləyici vurğu və qeyri-adi rəngləri vurğulamaq üçün xidmət edir. Onu status rəngi kimi deyil, dəstəkləyici vurğu kimi istifadə edin. - Charcoal
#454745— Əsas mətn, əsas mətn, zəngin istifadəçi interfeysi - ağ fonda təmiz #000-dən daha yumşaq hiss olunan bir az isti qara rəng. - Obsidian
#0e0f0c— Başlıqlar, yüksək kontrastlı başlıqlar, naviqasiya və əsas menyuda təmiz qara elementlər. Neytral boz deyil, bir az yaşılımtıl çalara malik qara. - Pebble
#868685— İkinci dərəcəli mətn, yertutan mətn, işarə konturları və giriş sahəsinin sərhədləri. Orta boz, məsafəyə doğru geri çəkilir.
Tipoqrafiya
12-dən 105 pikselə qədər · 10 addım
- Inter — əvəzetmə: Inter (native Google Fonts) · konturlar 400,500,600,700 · Məhsul boyunca əsas mətn, istifadəçi interfeysi, başlıqlar və alt başlıqlar. Orta səviyyəli başlıqlar (36–45 piksel) üçün 700, alt başlıqlar və başlıqlar üçün 500–600 və əsas mətn və başlıqlar üçün 400 qalınlığında şrift istifadə olunur. Inter daha incə görünüş, Wise Sans isə daha cəsarətli görünüş təmin edir.
- Wise Sans — əvəzetmə: Inter Black (900) with -0.04em tracking · konturlar 900 · Başlıqlar brendin vizit kartıdır. 89-105 piksel aralığa və sıx hərf aralığına malik super sıx 900 şrift hər başlığı qalın, qalın reklam şriftinə çevirir. Onlardan az istifadə olunur: əsas mətn, bölmə başlıqları və kampaniyanın əsas məqamları üçün.
- monospace — əvəzetmə: Inter · konturlar 400 · monospaced - çıxarılan məlumatlarda tapılır, lakin süni intellekt tərəfindən təsvir edilmir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8-12px |
| Düymə radiusu | 9999px |
| Kart radiusu | 10px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64-80px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Wise üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Integrated Biosciences — gecə yarısı biolüminesans laboratoriyası
- Huly — Gecəyarısı Rəsədxanasında Şimal İşıqları - baş qəhrəman bənövşəyi rəngli şaquli bir şüadır və mərcana çevrilir və onun altındakı hər sakit hissə daha sakit bir tonda danışılan eyni iki tonlu hekayəni özündə birləşdirir.
- Dia Browser — Qaranlıq otaqdakı qalereya məkanı redaksiya qəzeti ilə birləşir. Qapqara səhnədə hər bölmədə tək bir serif başlıq olan günəş işığı ilə işıqlandırılmış qəzet səhifəsi görünür.
- Mintlify — Şüşə masanın üstündəki bulud bağı. Əl ilə çəkilmiş səma və sənədli film bir çərçivəyə salınıb - səhifənin ağ rəngə çevrilməzdən əvvəl rəng və konsepsiyanın toqquşduğu yeganə yer.
- Gleap — İsti krem tonlarında və qrafit vurğuları ilə bəzədilmiş iş sahəsi — kətan arxitekturasının üzərində mat qara mürəkkəb nöqtələrinin üzdüyü bir studiya.
- ClickUp — Ağ mərmər üzərində güclü bir idarəetmə paneli. Səhifə məhsuldarlıq aləti üçün məhsul broşürüdür, buna görə də vizual dil məhsulun özündən götürülmüşdür: sıx siyahılar, status göstəriciləri, avatarlar qrupları və ekranda məhsul spesifikasiyasına bənzəyən qalın tipoqrafik ifadələr.
- monday — Pastel stikerləri olan ağ emalatxana
- Portal — Twilight Serif Redaksiyası - iOS üslubunda hazırlanmış müstəqil jurnalda premium bir nəşr
- Slack — Səhnə badımcan rəngindədir və ağ işıqlandırma ilə tamamlanır. Tünd rəngli gavalı rəngi qaranlıq sahələrə hakimdir, ağ rəngli kətan isə böyük, avanqard əsərlərin sərbəst nəfəs almasına imkan verir.
- Base44 — Günəş işığı ilə işıqlandırılmış əhəng nişanlı dəftər
- Letters — Açıq hava klinikasında səhər görüşü — yumşaq mavi tavanın altındakı steril ağ masa, üzərində cərrahi mavi alətlər var idi
- Duolingo — Qalın işarələmə xətləri olan yaşıl oyun meydançası