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 е персонализиран геометричен шрифт без сериф, използван за всичко - от 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 — Черна катедрала с един-единствен неонов импулс. Логото изпълва нефа; всичко останало е едва доловим текст отдолу.