Vivid+Co
Obsidian vasitəsilə prizmatik işıq
Vivid+Co kinematoqrafik, qaranlıq bir boşluqda işləyir: demək olar ki, qara rəngli #101010–#495764 ölçülü bir kətan, demək olar ki, bütün şriftlər və interfeys elementləri üçün istifadə edilən tək, demək olar ki, ağ rəng çaları (#ffdf9) ilə kəsilir. Tipoqrafiya əsasən Yeni Monreal şəhərində 400 çəkidə - qalın şriftin qəsdən rədd edilməsi ilə təsvir olunur, burada səlahiyyət çəkidən daha çox miqyas (136px və 105px) vasitəsilə əldə edilir. Xüsusi texnika xromatik prizmadır: RGB ilə ayrılmış doymuş qırmızı/yaşıl/mavi işıq blokları şüşə kublardan süzülür və monoxrom səthi pozur. Dizayn mərkəzləşdirilmiş və genişdir; naviqasiya, əsas mətn və keçidlər hamısı tək bir #ffdf9 rəngindədir, ayrıca vurğu düymələri, doldurmalar və ya kölgələr yoxdur - fərqləndirmə boşluq, miqyas və brendin yeganə rəng vurğusu kimi xidmət edən göy qurşağı artefaktı vasitəsilə əldə edilir.
Maksimum ölçüsü ~1440 piksel olan tək bir məzmun sütunu olan tünd, tam enli bir kətan. Əsas element, üst-üstə düşən başlıq (kubları kəsən mətn) və sola düzülmüş altbaşlıq olan mərkəzləşdirilmiş prizmatik artefaktdır. Naviqasiya nazik bir üst zolaqda yerləşir: loqo solda, sağda dörd görünməz keçid və sətrin sonunda xüsusi bir "Əlaqə" düyməsi. Bölmə ritmi tam hündürlüklü qəhrəman panelləri və ~108 piksel boşluqları olan daha dar məzmun zolaqları arasında dəyişir. Məzmun düzülüşü asimmetrikdir: prizmatik artefakt vizual mərkəz kimi xidmət edir və başlıqlar onun ətrafını əhatə edir. Tək sütunlu mətn bloklarının maksimum eni təxminən 440 pikseldir; çox sütunlu şəbəkələr, kart matrisləri və qiymət cədvəlləri yoxdur. Altbilgi, nazik bir xətt ilə bölünmüş və iki metaməlumat sütunu olan nazik bir zolaqdır.
Əsas dizayn elementi, kənarlarında xromatik aberrasiya olan və RGB rəngi ilə ayrılmış şüşə kubların mücərrəd 3D təsviridir. Nə fotoşəkillər, nə insanların şəkilləri, nə də məhsul şəkilləri yoxdur. Prizma brendin təsviridir; qalan hər şey tünd kətan üzərində monoxrom tipoqrafiyadır. İkonoqrafiya minimaldır: incə naviqasiya etiketləri və başlıqlardan birinin sonundakı kiçik kursor/qlif vurğusu (sahə 142765) tək, monoxətti 16 piksellik işarəni göstərir. İllüstrasiyalar, dekorativ naxışlar, teksturalar yoxdur.
Palitra
Neytral
- Bone White
#fffdf9— Əsas mətn, naviqasiya etiketləri, keçid rəngi və başlıq doldurma hissələri demək olar ki, ağ rəngdədir və tünd rəngli kətan üzərində bütün tipoqrafik səthləri tutur. - Obsidian
#101010— Əsas və ayırıcı zolaqların arxa fonunu dolduran səhifə kətan, içərisində prizmatik artefakt olan tünd qara rəngdədir. - Graphite Veil
#495764— Başlıqların və məzmun bloklarının arxasında, düz qara rəngdən istifadə etmədən kətana dərinlik qatan sərin, tünd rəngli şrift üstünlük təşkil edir. - Ash Border
#403f3f— Mətnlə rəqabət aparmadan sətirləri ayırmaq üçün 1 pikseldə incə ayırıcı xətt və kart konturu istifadə olunur. - Fog Blue
#6f879c— İkinci dərəcəli mətn və incə düymə etiketləri (3.7:1 kontrast) – “Strategiya”, “Yaradıcı”, “Kommunikasiya + Marketinq” kimi xidmət kateqoriyası təyinatları vurğulanmamış metaməlumatlar kimi qəbul edilir. - Pure Black
#000000— SVG ikonları və illüstrasiyaları üçün dekorativ doldurma — prizma təsvirində və ikon qliflərində istifadə olunur; fon deyil.
Tipoqrafiya
15-dən 136 pikselə qədər · 9 addım
- Neue Montreal — əvəzetmə: Söhne · konturlar 400, 700 · Eksklüziv şrift istifadəçi interfeysində — başlıqlar, əsas mətn, naviqasiya, düymələr, keçidlər və altbilgidə istifadə olunur. 400 qalınlığı standartdır; 700 qalınlığı yalnız alt başlıqlar üçün ayrılıb. 105 və 136 piksel qalınlığında başlıqlarda sətir aralığı 1.00–1.01 em, hərf aralığı isə -0.02 em təşkil edir ki, bu da tipoqrafikdən daha çox heykəltəraşlıq hissi yaradan kinematoqrafik, üst-üstə yığılmış başlıqlar yaradır.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 7px |
| Düymə radiusu | 0px |
| Kart radiusu | 15px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 108px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı Vivid+Co ü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
- Sequel — Qaranlıq bir kinoteatrda qaranlıqdan sonra yalnız isti işıq özəl seansda görünür.
- ThoughtLab — Qırmızı işarəli obsidian abidəsi. Katedraldəki yeganə doymuş qırmızı obyektin böyük ağ hərflərlə çap olunmuş tək xromatik fiqur olduğu qara boşluqlu bir kətan.
- Dovetail — Qara ayın altındakı plan — çətinliklə görünən qrafik xətləri, ağ şrift, bir bənövşəyi parıltı
- MekaVerse — Rəqəmsal artefaktların monoxrom qalereyası — təsvir edilən dünyanın muzey eksponatı kimi asılı qaldığı və bütün istifadəçi interfeysinin mat qara şüşə üzərində ağ mürəkkəblə boyandığı bütöv qara boşluq.
- Krea — gecə yarısı qara qalereya
- Factory — Gecəyarısı "müharibə otağı" terminalı. "Fabrik" qara rəngli idarəetmə panelidir, burada tək bir ağ kart fənərlə işıqlandırılmış mesaj kimi düşür — otaqdakı yeganə obyekt əsərin özüdür.
- basement — Saat 3-də boş bir mətbəə – qara rəngdə nəhəng, sıxılmış şriftlər, naviqasiya panelində tək bir narıncı işıq, qalan hər şey ağ və ya xəyalət kimi boz.
- Stink Studios — Gecəyarısı kinostudiya - proyektor zümzümə edir, otaq qaranlıqdır, yalnız film işıqlandırılır
- Apple (España) — işıqlı armaturları olan qara teatr
- Charlie — Monastır daşından obsidiana həkk olunmuş tipoqrafiya. Tək bir qırmızı divarın kar edici bir sükut yaratdığı portfel.
- Rive — Yüksək dəqiqlikli gecə görmə sistemi. İnterfeys, texniki detallara mütləq aydınlıqla diqqət yetirmək üçün qaranlığı dəf edən xüsusi bir linzaya malikdir.
- Datalands — Tək neon impulsu olan qara kafedral. Loqo nefi doldurur; altındakı hər şeyin mətni güclə eşidilir.