Vivid+Co
obsidian orqali prizmatik yorug'lik
Vivid+Co kinematik, qorong'u bo'shliqda ishlaydi: deyarli barcha shriftlar va interfeys elementlari uchun ishlatiladigan bitta, deyarli oq rang (#ffdf9) bilan uzilgan #101010–#495764 o'lchamdagi qora tuval. Tipografiya asosan Neue Monrealda 400 og'irlikda tasvirlanadi - qalin shriftdan ataylab voz kechish, bu yerda vakolat og'irlik emas, balki masshtab (136px va 105px) orqali erishiladi. Belgi texnikasi xromatik prizmadir: RGB bilan ajratilgan to'yingan qizil/yashil/ko'k yorug'lik bloklari shisha kublar orqali filtrlanadi va monoxrom sirtni buzadi. Joylashuv markazlashtirilgan va keng; navigatsiya, asosiy nusxa va havolalar barchasi bitta #ffdf9 rangida, alohida urg'u tugmalari, to'ldirishlar yoki soyalarsiz - farqlash interval, masshtab va brendning yagona rang urg'usi bo'lib xizmat qiladigan kamalak artefakti orqali amalga oshiriladi.
Maksimal o'lchami ~1440 piksel bo'lgan bitta ustunli qorong'u, to'liq kenglikdagi kanvas. Asosiy element - bu bir-birining ustiga chiqqan sarlavha (kublarni kesib o'tgan matn) va chapga tekislangan subtitrli markazlashtirilgan prizmatik artefakt. Navigatsiya yupqa yuqori satrda joylashgan: chapda logotip, o'ngda to'rtta ko'rinmas havola va qator oxirida maxsus "Kontakt" tugmasi. Bo'lim ritmi to'liq balandlikdagi qahramon panellari va ~108 piksel bo'shliqlarga ega torroq kontent chiziqlari o'rtasida almashinib turadi. Kontent joylashuvi assimetrik: prizmatik artefakt vizual markaz bo'lib xizmat qiladi va sarlavhalar uning atrofida o'ralgan. Bitta ustunli matn bloklarining maksimal kengligi taxminan 440 piksel; ko'p ustunli panjaralar, karta matritsalari va narxlash jadvallari mavjud emas. Pastki qism - bu ingichka chiziq bilan ajratilgan, ikkita ustunli metama'lumotlar bilan ingichka chiziq.
Asosiy dizayn elementi - chekkalarida xromatik aberratsiyaga ega, RGB rangi bilan ajratilgan shisha kublarning mavhum 3D tasviri. Suratlar yo'q, odamlarning tasvirlari yo'q, mahsulot suratlari yo'q. Prizma - bu brendning tasviri; qolgan hamma narsa qorong'i tuvalda monoxrom tipografiya. Ikonografiya minimal: nozik navigatsiya yorliqlari va sarlavhalardan birining oxiridagi kichik kursor/glif aksenti (142765-maydon) bitta, monolinear 16px ikonkaga ishora qiladi. Hech qanday illyustratsiya, dekorativ naqshlar, teksturalar yo'q.
Palitra
Neytral
- Bone White
#fffdf9— Asosiy matn, navigatsiya yorliqlari, havola rangi va sarlavhalarni to'ldirish deyarli oq rangda bo'lib, qorong'i tuvaldagi barcha tipografik yuzalarni egallaydi. - Obsidian
#101010— Asosiy va ajratuvchi chiziqlar uchun orqa fon to'ldirilgan sahifa tuvali to'q qora rangda bo'lib, ichida prizmatik artefakt mavjud. - Graphite Veil
#495764— Sarlavhalar va kontent bloklari ortida salqin, to'q rangli shifer ustunlik qiladi, bu esa tekis qora rangdan foydalanmasdan tuvalga chuqurlik beradi. - Ash Border
#403f3f— Matn bilan raqobatlashmasdan satrlarni ajratish uchun 1 piksel o'lchamda nozik ajratuvchi chiziq va karta konturi ishlatiladi. - Fog Blue
#6f879c— Bo'shashgan ikkilamchi matn va nozik tugma yorliqlari (3.7:1 kontrast) – “Strategiya”, “Ijodiy”, “Aloqa + Marketing” kabi xizmat toifasidagi belgilar ajratilmagan metamaʼlumotlar sifatida qabul qilinadi. - Pure Black
#000000— SVG piktogrammalari va illyustratsiyalari uchun dekorativ plomba — prizma tasviri va piktogramma gliflarida ishlatiladi; fon emas.
Tipografiya
15 dan 136 pikselgacha · 9 qadam
- Neue Montreal — almashtirish: Söhne · konturlar 400, 700 · Ekskluziv shrift foydalanuvchi interfeysida — sarlavhalar, asosiy matn, navigatsiya, tugmalar, havolalar va pastki qismda qo'llaniladi. 400 qalinlik standart hisoblanadi; 700 qalinlik faqat kichik sarlavhalar uchun ajratilgan. 105 piksel va 136 piksel qalinlikdagi sarlavhalarda qatorlar oralig'i 1.00–1.01 em va harflar oralig'i -0.02 em bo'lib, tipografikdan ko'ra haykaltaroshroq tuyuladigan kinematik, ustma-ust qo'yilgan sarlavhalarni yaratadi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 7px |
| Tugma radiusi | 0px |
| Karta radiusi | 15px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 108px |
| Sahifa kengligi | 1440px |
Sun'iy intellekt veb-saytingizni Vivid+Co uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Sequel — Qorong'i tushgan kinoteatrda faqat qorong'i tushgandan keyin shaxsiy seans iliq yorug'likdir.
- ThoughtLab — Qizil rangli signalli obsidian yodgorligi. Qora bo'shliqning kanvasi, bu yerda sobordagi yagona to'yingan qizil buyum katta oq harflar bilan bosilgan bo'lib, bitta xromatik shakldir.
- Dovetail — Qora oy ostida chizma — zo'rg'a ko'rinadigan grafik chiziqlari, oq shrift, bitta binafsha uchqun
- MekaVerse — Raqamli artefaktlarning monoxrom galereyasi — tasvirlangan dunyo muzey eksponati kabi osilgan va butun foydalanuvchi interfeysi mot qora oynada oq siyoh bilan bo'yalgan qora bo'shliq.
- Krea — yarim tunda galereya noir
- Factory — Yarim tunda "urush xonasi" terminali. "Zavod" - bu qora boshqaruv paneli bo'lib, u yerga bitta oq kartochka xuddi chiroq yonib turgan xabarnoma kabi tushadi - xonadagi yagona narsa - bu ishning o'zi.
- basement — Ertalab soat 3 da bo'sh bosmaxona – ulkan, siqilgan shriftlar qora rangda yoyilib yotibdi, navigatsiya panelida to'q sariq rangning bir parchasi, qolgan hamma narsa oq yoki sharpa kulrang.
- Stink Studios — Yarim tunda kinostudiya - proyektor g'uvullaydi, xona qorong'i, faqat plyonka yoritilgan
- Apple (España) — yoritilgan armatura bilan qora teatr
- Charlie — Monastir toshidan obsidian ustiga o'yilgan tipografiya. Bitta qizil devor kar qiluvchi sukunatni yaratadigan portfel.
- Rive — Yuqori aniqlikdagi tungi ko'rish. Interfeysda texnik tafsilotlarga mutlaq aniqlik bilan e'tibor qaratish uchun qorong'ulikka kirib boradigan maxsus linza mavjud.
- Datalands — Yagona neon pulsli qora sobor. Logotip nefni to'ldiradi; qolgan hamma narsa ostidagi matn zo'rg'a eshitiladi.