
Ventriloc
İsti kağız üzərində məlumatların redaksiya müşahidə mərkəzi - monoxrom dəqiqliyi vurğulayan tək narıncı köz
Ventriloc sakit, redaksiya səsi ilə danışır: isti, aydın ağ kətan, monospace, yüksək dəqiqlikli məlumat kartları və çap olunmuş hesabatda vurğulayıcı kimi monoxromu işarələyən tək narıncı kömür. Sistem, xüsusi hazırlanmış neo-qrotesk şriftini (PolySans) başlıqlar üçün 400 ballıq çəki ilə - dəqiqlik vasitəsilə səlahiyyət üçün həcmdən imtina edən qeyri-adi bir məhdudiyyətlə - əsas mətn və interfeys elementləri üçün İnter ilə birləşdirir. Səthlər sərin, texnoloji mavi əvəzinə isti boz və krem rənglərdədir, kartların asimmetrik künc yuvarlaqlığı var (iti yuxarı sağ künc, başqa yerdə yumşaq) və interaktiv elementlər iki fərqli dialektə bölünür: iti bucaqlı mətn üslublu düymələr və həb formalı naviqasiya konteynerləri. Rənglərdən az istifadə olunur: səhifələr vaxtın 95%-də axromatik üslubda dizayn edilməlidir və narıncı rəng yalnız vurğulamaq, linklərin altından xətt çəkmək və məlumatların dekorativ vurğuları üçün funksional durğu işarələri kimi istifadə olunur.
Maksimum enli konteyner mərkəzdə 1200 pikseldir və bölmələr arasında geniş 80 piksellik novlar var. Əsas element iki sütuna bölünür: solda başlıq, alt mətn və iki çağırış düyməsi dəsti; sağda ağ kətan üzərində üzən üç üst-üstə düşən məlumat kartı qrupu (maliyyə qrafiki, gəlir statistikası, gəlirlilik halqası) var. Əsas elementin altında ağ fonda tam enli tərəfdaş loqosu zolağı var. Sonrakı bölmələr Ash (#efefef) və ağ zolaqlar arasında növbələşir. Naviqasiya, marka loqosu sola, tünd "Bizimlə əlaqə" düyməsi isə sağa düzülmüş başlığın mərkəzində üzən həb formalı bir konteynerdir. Ümumi ritm geniş və redaksiya xarakterlidir - geniş kənarlar, hündür bölmələr və tipoqrafiyadan başqa yeganə vizual durğu işarələrini təmin edən məlumat kartları.
Vizual dizayn demək olar ki, tamamilə məlumatlara əsaslanır: diaqram vidjetləri (xətt qrafikləri, dairəvi irəliləyiş zolaqları, statistika kartları) ağ karton səthlərdə nazik narıncı və pirinç xətləri olan düz, minimalist üslubda hazırlanmışdır. Ana səhifədə həyat tərzi fotoşəkilləri, stok şəkilləri, illüstrasiyalar yoxdur. Yeganə fotoqrafik məzmun monoxrom qrafitdə təqdim olunan tərəfdaş/müştəri loqotipləridir. Vizual dil tipik SaaS veb saytından daha çox çap olunmuş illik hesabata daha yaxındır - diaqramlar şəkillərdir. İkonlar nazik, monoxətt və qrafit rənglidir və naviqasiya panelində və kart başlıqlarında nadir hallarda görünür.
Palitra
Brend
- Ember Orange
#ff682c— Narıncı rəng linkləri, etiketləri və qısa ifadələri vurğulamaq üçün istifadə olunur. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir.
Neytral
- Graphite
#202020— Əsas mətn, başlıqlar, naviqasiya linkləri, işarə konturları hər bir interfeys elementinin tipoqrafik əsasını təşkil edir. - Canvas White
#ffffff— Səhifənin arxa planı, kartın hündürlüyü, işarənin doldurulması — sistemdəki ən parlaq səth. - Ash
#efefef— Kartın və bölmənin əsas fonu, naviqasiya panelinin konteyneri əsasən isti boz səthdir. - Fog
#f5f5f5— İçinə yerləşdirilmiş səthlər və ikinci dərəcəli qablar üçün incə fon tonu. - Ivory
#ebe6dd— Əsas bloklar üçün isti vurğu fonu - kağız kimi bir hiss. - Steel
#4d4d4d— İkinci dərəcəli əsas mətn, uzun abzas mətni
Tipoqrafiya
14-dən 66 pikselə qədər · 5 addım
- PolySans — əvəzetmə: Inter Tight or Space Grotesk at weight 400 · konturlar 400 · Başlıqlar və Dekorativ Mətn - Yalnız 400 qalınlıqda və -0.02 em hərf aralığında istifadə edilən xüsusi hazırlanmış neo-qrotesk şrift, heç bir qalın başlığın təkrarlaya bilməyəcəyi incə bir redaksiya nüfuzu yaradır.
- Inter — əvəzetmə: system-ui or Roboto · konturlar 400, 500, 600 · Əsas mətn, UI element etiketləri, düymə mətni, başlıqlar, metaməlumatlar - başlıq olmayan hər şey üçün universal sans-serif şrift.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 20px |
| Düymə radiusu | 0px |
| Kart radiusu | 8px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 80px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Ventriloc ü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
- Ui — mat kağız üzərində klinik plan
- Geniestudio — Yumşaq gün işığı dəftəri — geniş kənarları və bir qalın qələm cizgiləri olan növ
- xAI — Qara həbli isti krem laboratoriyası
- Cal — Monoxrom praktiklik, insani yanaşma. Sərt qara-ağ palitrası vasitəsilə aydınlığa və funksionallığa üstünlük verən, lakin onu dostcasına tipoqrafiya və yuvarlaq formalarla yumşaldan bir sistem.
- Scale — Texniki layihə ilə birləşdirilmiş yüksək keyfiyyətli muzey keyfiyyətli fotolaboratoriya
- Contractbook — ultramarin səması altında krem kağızının müqavilələri
- AutoSend — Tək bənövşəyi işıqlı rahat daş studiya — serif başlıqları və parlaq indigo çağırışlarının sakit, demək olar ki, ağ bir məkanda bir arada olduğu.
- Air — "Gecəyarısı Şüşədən Səma" heykəli
- SpatialChat — ağ perqament üzərində bənövşəyi nəbz
- Squarespace — Kinematik Monoxrom Qalereyası
- Giga — Buzlu obsidianın üzərində gecə yarısı üfüqü
- Supabase — Gecə yarısı fosforlu yaşıl nöqtə ilə kod redaktoru - kömür tozu dənizində tək bir xromatik impuls