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 - махсус эшләнгән геометрик sans-serif шрифты, ул башлыклар өчен 198 пиксельдән алып язмалар өчен 10 пиксельгә кадәр кулланыла. 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 — Бер генә неон импульсы булган кара собор. Логотип нефны тутыра; калган бар нәрсә астындагы текст ишетелми диярлек.