Vivid+Co
прызматычнае святло скрозь абсідыян
Vivid+Co працуе ў кінематаграфічнай цёмнай пустаце: амаль чорнае палатно #101010–#495764, якое перарываецца адзіным амаль белым адценнем (#fffdf9), выкарыстоўваным для амаль усіх шрыфтоў і элементаў інтэрфейсу. Друкарня ў асноўным выканана шрыфтам Neue Montreal таўшчынёй 400 – наўмысная адмова ад тоўстага шрыфта, дзе аўтарытэтнасць дасягаецца за кошт маштабу (136px і 105px), а не вагі. Фірмовым прыёмам з'яўляецца храматычная прызма: блокі насычанага чырвонага/зялёнага/сіняга святла, падзеленыя па RGB, прасочваюцца скрозь шкляныя кубы, парушаючы манахромную паверхню. Макет цэнтраваны і прасторны; рух, асноўны тэкст і спасылкі выкананы ў адным колеры #fffdf9 без асобных акцэнтных кнопак, залівак і ценяў - дыферэнцыяцыя дасягаецца за кошт інтэрвалаў, маштабу і вясёлкавага артэфакта, які з'яўляецца адзіным каляровым акцэнтам брэнда.
Цёмнае палатно, якое займае ўсю шырыню старонкі, з адной калонкай кантэнту максімальнай шырынёй ~1440px. Асноўны элемент: цэнтраваны прызматычны артэфакт з перакрываецца загалоўкам (тэкст перасякае кубы) і падзагалоўкам, выраўнаваным па левым краі. Навігацыя размешчана ў тонкай верхняй панэлі: злева - лагатып, справа - чатыры нябачныя спасылкі, а ў канцы радка - выдзеленая кнопка «Кантакты». Рытм частак чаргуецца паміж панэлямі-героямі ва ўсю вышыню экрана і вузейшымі палосамі кантэнту з прамежкамі ~108px. Размяшчэнне кантэнту асіметрычна: прызматычны артэфакт служыць візуальным цэнтрам, а загалоўкі абцякаюць яго. Тэкставыя блокі ў адну калонку маюць максімальную шырыню каля 440px; адсутнічаюць шматкалонкавыя сеткі, матрыцы картак і табліцы коштаў. Ніжні калантытул ўяўляе сабой тонкую паласу, падзеленую тонкай лініяй, з двума калонкамі метададзеных.
Галоўны элемент дызайну - абстрактнае 3D-малюнак шкляных кубоў з храматычнай аберацыяй па краях, падзеленымі па RGB-колеру. Ніякіх фатаграфій, ніякіх выяваў людзей, ніякіх здымкаў прадукцыі. Прызма - гэта і ёсць імідж брэнда, усё астатняе - манахромная друкарня на цёмным палатне. Іканаграфія мінімальная: тонкія навігацыйныя надпісы і невялікі акцэнт у выглядзе курсора/гліфа (вобласць 142765) у канцы аднаго з загалоўкаў намякаюць на адзіны маналінейны абразок 16px. Ніякіх ілюстрацый, ніякіх дэкаратыўных узораў, ніякіх тэкстур.
Палітра
Нейтральныя
- Bone White
#fffdf9— Асноўны тэкст, подпісы навігацыі, колер спасылак, заліванне загалоўкаў - амаль белы колер, які займае ўсе друкарскія паверхні на цёмным палатне. - Obsidian
#101010— Палатно старонкі, заліванне фону для галоўнага і падзяляльных палос - глыбокі чорны колер, усярэдзіне якога знаходзіцца прызматычны артэфакт. - Graphite Veil
#495764— За загалоўкамі і блокамі кантэнту дамінуе халодны цёмны сланец, які надае палатну глыбіню без выкарыстання плоскага чорнага колеру. - Ash Border
#403f3f— Ледзь прыкметная раздзяляльная лінія і контур карткі - выкарыстоўваюцца ў 1px для падзелу радкоў, не канкуруючы з тэкстам. - Fog Blue
#6f879c— Прыглушаны другарадны тэкст і ледзь прыкметныя надпісы на кнопках (кантраст 3,7:1) – абазначэнні катэгорый паслуг, такія як «Стратэгія», «Крэатыў», «Камунікацыі + маркетынг», успрымаюцца як нявылучаныя метададзеныя. - Pure Black
#000000— Дэкаратыўнае заліванне для абразкоў і ілюстрацый у фармаце SVG - выкарыстоўваецца ў малюнку прызмы і гліфах абразкоў; не з'яўляецца фонам.
Друкарня
ад 15 да 136px · 9 прыступак
- Neue Montreal — замена: Söhne · напісання 400, 700 · Эксклюзіўны шрыфт выкарыстоўваецца ва ўсім карыстацкім інтэрфейсе - загалоўках, асноўным тэксце, навігацыі, кнопках, спасылках, ніжнім калантытуле. Таўшчыня 400 - значэнне па змаўчанні; таўшчыня 700 зарэзерваваная толькі для падзагалоўкаў. Загалоўкі з таўшчынёй 105px і 136px маюць міжрадковы інтэрвал 1,00-1,01 і міжлітарную адлегласць -0.02em, ствараючы кінематаграфічныя, размешчаныя сябар над сябрам загалоўкі, якія ўспрымаюцца хутчэй як скульптурныя, чым друкарскія.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | прасторная |
| Базавы крок | 7px |
| Радыус кнопак | 0px |
| Радыус картак | 15px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 108px |
| Шырыня старонкі | 1440px |
ІІ збярэ ваш сайт у стылі Vivid+Co і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Sequel — Прыватны паказ пасля наступлення цемры - адзіная цёплая лямпа ў астатнім неасветленым кінатэатры.
- ThoughtLab — Абсідыянавы манумент з барвовым сігналам. Палатно з чорнага пустэчы, дзе адзіны насычаны чырвоны аб'ект у саборы, надрукаваным буйнымі белымі літарамі, - гэта адзіная храматычная фігура.
- Dovetail — Схема чарцяжа пад чорным месяцам - ледзь прыкметныя лініі графіка, белы шрыфт, адна фіялетавая іскра
- MekaVerse — Манахромная галерэя лічбавых артэфактаў — суцэльная чорная пустата, дзе адмаляваны свет вісіць, нібы музейны экспанат, а ўвесь карыстацкі інтэрфейс — гэта белыя чарнілы на матавым чорным шкле.
- Krea — галерэя нуар апоўначы
- Factory — Тэрмінал «ваенны пакой» апоўначы. «Завод» - гэта строгая чорная панэль кіравання, дзе адзіная белая карта прызямляецца, нібы асветлены ліхтарыкам данясенне - адзіны аб'ект у пакоі - гэта сама праца
- basement — Пустая друкарня ў 3 гадзіны ночы - велізарныя, сціснутыя шрыфты, якія расцякаюцца па апраметнай цемры, адзін пробліск аранжавага святла на навігацыйнай панэлі, усё астатняе белае або прывідна-шэрае
- Stink Studios — Кінастудыя апоўначы - праектар гудзе, у пакоі цёмна, свеціцца толькі кінастужка
- Apple (España) — чорны тэатр са святлівай фурнітурай
- Charlie — Друкарня, высечаная з манастырскага каменя на абсідыяне. Партфоліё, у якім адна чырвоная сцяна стварае аглушальную цішыню
- Rive — Высокадакладнае начное бачанне. Інтэрфейс уяўляе сабою адмысловую лінзу, якая прабіваецца скрозь цемру, каб з абсалютнай выразнасцю сфакусавацца на тэхнічных дэталях
- Datalands — Чорны сабор з адзіным неонавым пульсам. Лагатып запаўняе нава; усё астатняе - гэта ледзь чутны тэкст пад ім