ThoughtLab
Споменик од опсидијана са гримизним сигналом. Платно црне празнине, где је једини засићени црвени објекат у катедрали, одштампан великим белим словима, једна хроматска фигура.
ThoughtLab функционише као дизајнерски језик Црне катедрале: празно црно платно, један црвени пулс и типографија толико велика да функционише као архитектура. Систем је готово у потпуности ахроматски — #cccccc представља тело, #ffffff представља приказ — са #fc1c46 који се појављује само за једну примарну радњу, као контролисани талас напетости на позадини празнине. Хијерархија је изграђена кроз оштре скокове размера (198px → 14px), а не кроз боју, сенке или испуне. Компоненте су бестежинске: провидне картице, дугмад у облику пилуле, танка поља за унос, одсуство подигнутог слагања — страница дише кроз негативни простор и густо спакована велика слова, а не кроз контејнере.
Тамно платно се простире преко целе ширине странице, са широким хоризонталним маргинама (126 пиксела са сваке стране, померајући колону садржаја на приближно 1400 пиксела). Заглавље је једна линија од 72 пиксела: лого са леве стране, слоган у средини, дугме за позив на акцију у облику пилуле и трака са ивицама са десне стране. Херој је подељена композиција - превелики наслов од 198 пиксела написан великим словима са леве стране са пратећим текстом 18 пиксела испод, док 3Д сфера преклапа текст десно од центра, делимично га „једући“. Испод хероја, одељци су распоређени у пространом вертикалном ритму са размацима од 86–108 пиксела између њих. Елементи рада су приказани као листа, која заузима скоро целу ширину странице, а не као мрежа картица. Нема бочне траке, нема мега-менија, нема подножја са мрежом колона - подножје је једна, тиха линија са информацијама о ауторским правима и контакт информацијама #4c4c4c. Навигација изван заглавља се покреће као хамбургер мени у преклапању преко целог екрана.
Слике су ретке и намерно куриране. Доминантни визуелни елемент је велика сфера опсидијанске течности, рендерована у WebGL-у - тамни, готово црни, 3Д облик са суптилним плавим и ћилибарним одсјајима дуж ивице, који плута на црној позадини и делимично преклапа наслов. Функционише више као иконографија бренда него илустрација. Сличице пројеката се приказују као фотографије или видео снимци у вертикалној листи, од ивице до ивице без оквира. Нема фотографија животног стила, нема стокових слика, нема декоративних градијената. Сфера и текст су једини визуелни елементи на страници.
Палета
Brend
- Crimson Signal
#fc1c46— Главни акценат је један црвени елемент; појављује се на картици „Контакти“, у логотипу бренда и нигде другде. Његова реткост је због специфичности дизајна.
Неутрално
- Void
#000000— Позадина странице, платно, је апсолутни темељ на којем лебде сви остали елементи. - Ash
#cccccc— Главни и линк текст, подразумевани тон текста на црном платну - изабран уместо чисто беле боје ради ублажавања оптичког одсјаја. - Frost
#ffffff— Приказивање наслова, текста дугмади, текста поља за унос и ознака је најистакнутији ниво, намењен садржају који треба да буде линеаран. - Graphite
#4c4c4c— Ауторска права, мета ознаке, помоћни текст - намерно су пригушени како не би конкурисали главном тексту.
Типографија
од 10 до 198 пиксела · 7 корака
- sui — замена: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · обриси 300, 400, 500, 700 · Један фонт. Sui је прилагођено дизајнирани геометријски бессерифни фонт који се користи за све, од 198 пиксела за наслове до 10 пиксела за натписе. Тежина 700 је резервисана за монументалне наслове и велике наслове; тежина 400 се користи за остатак система. Контраст између подебљаног и обичног је примарни систем фонтова; друга фамилија није потребна.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | густ |
| Основни корак | 9px |
| Радијус дугмета | 9999px |
| Радијус картице | 0px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 86-108px |
| Ширина странице | 1400px |
Вештачка интелигенција ће изградити ваш веб сајт у ThoughtLab стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Vivid+Co — призматична светлост кроз обсидијан
- Sequel — Приватна пројекција након мрака је једино топло светло у иначе мрачном биоскопу.
- Dovetail — Нацрт под црним месецом - једва видљиве линије графикона, бели фонт, једна љубичаста искра
- MekaVerse — Монохроматска галерија дигиталних артефаката - чврста црна празнина где рендеровани свет виси попут музејског експоната, а цео кориснички интерфејс је бело мастило на мат црном стаклу.
- Krea — галерија ноар у поноћ
- Factory — Терминал „ратне собе“ у поноћ. „Фабрика“ је потпуно црна контролна табла где једна бела картица слеће попут депеше осветљене батеријском лампом — једини предмет у соби је сам рад.
- basement — Празна штампарска машина у 3 ујутру – огромни, компримовани фонтови се шире по мрклом мраку, један бљесак наранџасте светлости на навигационој траци, све остало бело или сабласно сиво.
- Stink Studios — Филмски студио у поноћ - пројектор зуји, соба је мрачна, само је филм осветљен
- Apple (España) — црно позориште са осветљеним елементима
- Charlie — Типографија исклесана од манастирског камена на опсидијану. Портфолио у коме један црвени зид ствара заглушујућу тишину.
- Rive — Ноћни вид високе прецизности. Интерфејс има специјално сочиво које продире кроз таму како би се фокусирало на техничке детаље са апсолутном јасноћом.
- Datalands — Црна катедрала са једним неонским пулсом. Лого испуњава лађу; све остало је једва чујан текст испод.