Vivid+Co
призматична светлост кроз обсидијан
Vivid+Co послује у кинематографској, тамној празнини: скоро црно платно #101010–#495764, прекинуто једном, скоро белом нијансом (#fffdf9) која се користи за скоро све фонтове и елементе интерфејса. Типографија се првенствено приказује у Neue Montreal-у са тежином од 400 – намерним одбацивањем подебљаног текста, где се ауторитет постиже размером (136px и 105px) уместо тежином. Препознатљива техника је хроматска призма: блокови засићене црвене/зелене/плаве светлости, одвојени RGB-ом, филтрирају се кроз стаклене коцке, реметећи монохроматску површину. Распоред је центриран и простран; навигација, текст текста и линкови су сви у једној #fffdf9 боји, без посебних акцентних дугмади, попуњавања или сенки – диференцијација се постиже размаком, размером и артефактом дугиних боја који служи као једини акценат у боји бренда.
Тамно платно пуне ширине са једном колоном садржаја димензија максимално ~1440px. Примарни елемент је центрирани призматични артефакт са преклапајућим насловом (текст који пресеца коцке) и поднасловом поравнатим улево. Навигација се налази у танкој горњој траци: лого са леве стране, четири невидљиве везе са десне стране и посебно дугме „Контакт“ на крају реда. Ритам секција се смењује између главних панела пуне висине и ужих трака садржаја са размацима од ~108px. Распоред садржаја је асиметричан: призматични артефакт служи као визуелни центар, а наслови се обавијају око њега. Блокови текста са једном колоном имају максималну ширину од приближно 440px; мреже са више колона, матрице картица и табеле цена су одсутне. Подножје је танка трака, подељена танком линијом, са две колоне метаподатака.
Главни елемент дизајна је апстрактна 3Д слика стаклених коцки са хроматском аберацијом на ивицама, одвојених 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 до 136 пиксела · 9 корака
- Neue Montreal — замена: Söhne · обриси 400, 700 · Ексклузивни фонт се користи у целом корисничком интерфејсу – насловима, тексту текста, навигацији, дугмадима, линковима и подножју. Подразумевана тежина је 400; тежина 700 је резервисана само за поднаслове. Наслови са тежином од 105px и 136px имају проред између редова од 1,00–1,01em и проред између слова од -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 — Црна катедрала са једним неонским пулсом. Лого испуњава лађу; све остало је једва чујан текст испод.