ThoughtLab
Қызыл түсті сигналы бар обсидиан ескерткіші. Собордағы жалғыз қанық қызыл зат, үлкен ақ әріптермен басылған, бір хроматикалық фигура болып табылатын қара бостықтың кенебі.
ThoughtLab Black Cathedral дизайн тілі сияқты жұмыс істейді: бос қара кенеп, бір қызыл импульс және архитектура ретінде қызмет ететін соншалықты үлкен типография. Жүйе толығымен ахроматикалық - #cccccc денені, #ffffff дисплейді білдіреді - #fc1c46 тек бір негізгі әрекет үшін, бостық фонында бақыланатын кернеу толқыны ретінде пайда болады. Иерархия түс, көлеңкелер немесе толтырулар арқылы емес, масштабтың күрт секірулері (198px → 14px) арқылы құрылады. Компоненттер салмақсыз: мөлдір карталар, таблетка тәрізді түймелер, жұқа енгізу өрістері, жоғары қабаттаудың болмауы - бет контейнерлер арқылы емес, теріс кеңістік пен тығыз орналасқан бас әріптер арқылы тыныс алады.
Беттің бүкіл ені қара кенеппен жабылған, кең көлденең жиектері бар (әр жағында 126 пиксель, мазмұн бағанын шамамен 1400 пиксельге дейін итереді). Тақырып бір 72 пиксель жолдан тұрады: сол жақта логотип, ортасында ұран, таблетка тәрізді әрекетке шақыру түймесі және оң жақта гамбургер жолағы. Батыр бөлінген композиция - сол жақта бас әріптермен жазылған үлкен 198 пиксельдік тақырып, төменде 18 пиксельдік негізгі мәтінді қолдайды, ал 3D сфера мәтінді ортаның оң жағында қабаттастырып, ішінара «жеп» қояды. Батырдың астында бөлімдер арасында 86–108 пиксельдік аралықтары бар кең тік ырғақпен орналасқан. Шығарманың элементтері карталар торы ретінде емес, беттің бүкіл енін алып жатқан тізім ретінде көрсетіледі. Бүйірлік жолақ, мега-мәзір, баған торы бар төменгі колонтитул жоқ - төменгі колонтитул авторлық құқық туралы ақпарат және #4c4c4c байланыс ақпараты бар бірыңғай, тыныш жол. Тақырыптан тыс шарлау толық экранды қабаттастыруда гамбургер мәзірі ретінде іске қосылады.
Суреттер сирек және әдейі сұрыпталған. Басым көрнекі элемент - WebGL-де көрсетілген обсидиан сұйықтығының үлкен сферасы - қара, дерлік қара түсті, жиегі бойымен нәзік көк және сары шағылыстары бар, қара фонда қалқып жүретін және тақырыптың үстіне ішінара қабаттасатын 3D пішін. Ол иллюстрациядан гөрі бренд иконографиясы ретінде қызмет етеді. Жобаның миниатюралары тік тізімде фотосуреттер немесе бейнелер ретінде көрсетіледі, жиексіз шетінен шетіне дейін ұсынылады. Өмір салты фотосуреттері, қор суреттері, сәндік градиенттер жоқ. Сфера мен түрі - беттегі жалғыз көрнекі элементтер.
Палитра
Бренд
- 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 пиксельге дейін қолданылатын арнайы жасалған геометриялық sans-serif қаріпі. 700 қалыңдығы үлкен тақырыптар мен үлкен тақырыптар үшін сақталған; 400 қалыңдығы жүйенің қалған бөлігі үшін қолданылады. Қалың және кәдімгі қаріп арасындағы қарама-қайшылық негізгі қаріп жүйесінде; екінші отбасы қажет емес.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | тығыз |
| Негізгі қадам | 9px |
| Түйме радиусы | 9999px |
| Карта радиусы | 0px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 86-108px |
| Беттің ені | 1400px |
Жасанды интеллект сіздің веб-сайтыңызды ThoughtLab стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Vivid+Co — обсидиан арқылы өтетін призмалық жарық
- Sequel — Қараңғы түскеннен кейінгі жеке көрсетілім - қараңғы кинотеатрдағы жалғыз жылы жарық.
- Dovetail — Қара айдың астындағы сызба — әрең көрінетін график сызықтары, ақ қаріп, бір күлгін жарқырау
- MekaVerse — Сандық артефактілердің монохромды галереясы — бейнеленген әлем мұражай экспонаты сияқты ілулі тұрған тұтас қара бос орын, ал бүкіл пайдаланушы интерфейсі күңгірт қара әйнекте ақ сиямен жазылған.
- Krea — түн ортасындағы қара галерея
- Factory — Түн ортасындағы «соғыс бөлмесі» терминалы. «Зауыт» – қара түсті басқару панелі, оған бір ақ карта фонарьмен жарықтандырылған хабарлама сияқты түседі – бөлмедегі жалғыз зат – жұмыстың өзі.
- basement — Таңғы сағат 3-тегі бос баспа станогы – үлкен, қысылған қаріптер қара түсте шашырап жатыр, навигация тақтасында қызғылт сары жарықтың бір сәулесі, қалғанының бәрі ақ немесе елес сұр.
- Stink Studios — Түн ортасындағы киностудия - проектор ызыңдайды, бөлме қараңғы, тек фильм ғана жарықтандырылған
- Apple (España) — жарықтандырылған арматурасы бар қара театр
- Charlie — Монастырь тасынан обсидианға ойылған типография. Жалғыз қызыл қабырға саңырау үнсіздік тудыратын портфолио.
- Rive — Жоғары дәлдіктегі түнгі көру. Интерфейсте қараңғылықты еніп, техникалық бөлшектерге абсолютті айқындықпен назар аударатын арнайы линза бар.
- Datalands — Бір ғана неон импульсі бар қара собор. Логотип нефті толтырады; қалғанының бәрі астында әрең естілетін мәтін.