ThoughtLab
Споменик од опсидијан со црвен сигнал. Платно од црна празнина, каде што единствениот заситен црвен објект во катедралата, отпечатен со големи бели букви, е една единствена хроматска фигура.
ThoughtLab работи како дизајнерски јазик во „Црна катедрала“: празно црно платно, еден црвен пулс и типографија толку голема што функционира како архитектура. Системот е речиси целосно ахроматичен - #cccccc го претставува телото, #ffffff го претставува екранот - при што #fc1c46 се појавува само за едно примарно дејство, како контролиран бран на напнатост наспроти позадина на празнина. Хиерархијата се гради преку остри скокови на скалата (198px → 14px), наместо преку боја, сенки или пополнувања. Компонентите се бестежински: транспарентни картички, копчиња во облик на апчиња, тенки полиња за внесување, отсуство на подигнато редење - страницата дише низ негативен простор и густо спакувани големи букви, наместо преку контејнери.
Темно платно се протега по целата ширина на страницата, со широки хоризонтални маргини (126px од секоја страна, поместувајќи ја колоната за содржина на приближно 1400px). Заглавието е една линија од 72px: логото лево, слоганот во центарот, копчето за повик за акција во форма на апче и лентата со ламби од десно. Херојот е поделена композиција - преголем наслов од 198px со големи букви лево со придружна содржина од 18px подолу, додека 3D сфера го преклопува текстот десно од центарот, делумно „јадејќи“ го. Под херојот, деловите се распоредени во простран вертикален ритам со празнини од 86–108px меѓу нив. Елементите на делото се прикажани како листа, зафаќајќи речиси целата ширина на страницата, наместо како мрежа од картички. Нема странична лента, нема мега-мени, нема подножје со мрежа од колони - подножјето е една, тивка линија со информации за авторски права и информации за контакт #4c4c4c. Навигацијата зад заглавието се стартува како мени во форма на хамбургер во преклопување на цел екран.
Сликите се оскудни и намерно курирани. Доминантниот визуелен елемент е голема сфера од обсидијанска течност, рендерирана во WebGL - темна, речиси црна, 3D форма со суптилни сини и килибарни рефлексии по работ, лебдејќи на црна позадина и делумно преклопувајќи го насловот. Функционира повеќе како иконографија на брендот отколку како илустрација. Минијатурите на проектот се прикажуваат како фотографии или видеа во вертикална листа, презентирани од крај до крај без рамка. Нема фотографии од животен стил, нема залихи, нема декоративни градиенти. Сферата и буквата се единствените визуелни елементи на страницата.
Палета
Бренд
- Crimson Signal
#fc1c46— Главниот акцент е еден црвен елемент; се појавува на табулаторот „Контакти“, во логото на брендот и никаде на друго место. Неговата реткост се должи на спецификите на дизајнот.
Неутрално
- Void
#000000— Позадината на страницата, платното, е апсолутната основа врз која лебдат сите други елементи. - Ash
#cccccc— Главен текст и текст за врска, стандарден тон на текст на црно платно - избран наместо чисто бело за омекнување на оптичкиот отсјај. - Frost
#ffffff— Прикажувањето наслови, текст на копчиња, текст на полиња за внесување и означување е најистакнатото ниво, наменето за содржина што треба да биде линеарна. - Graphite
#4c4c4c— Авторски права, мета ознаки, помошен текст - намерно пригушени за да не се натпреваруваат со главниот текст.
Типографија
од 10 до 198px · 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 е прилагодено дизајниран геометриски sans-serif фонт кој се користи за сè, од 198px за наслови до 10px за титлови. Тежината од 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 — Црна катедрала со еден неонски пулс. Логото го исполнува главниот дел од црквата; сè друго е едвај чуен текст под него.