Creative Giants
Буйнафарматны рэдакцыйны постэр на крэмавай паперы
Creative Giants выглядае як павялічаны разварот артбука, створаны з дапамогай кода: цёплае крэмавае палатно, тонкія палі і настолькі буйны шрыфт, што ён больш падобны на плакат, чым на загаловак. Уся сістэма працуе на негатыўнай прасторы і адным лёгкім памеры (300) - загалоўкі ледзь чутныя пры памеры 64-84px, а не рэзка вылучаюцца тоўстым шрыфтам, а міжлітарную адлегласць рэзка памяншаецца (-0.04em) па меры павелічэння памеру шрыфта, так што словы здаюцца высечанымі, а не здаюцца высечанымі. Каляровая гама размеркавана на невялікія насычаныя мазкі: яркі пурпурны, глыбокі бірузовы, светла-блакітны, ярка-ружовы, мятны і цёмна-сіні з'яўляюцца ў якасці паверхняў картак або акцэнтаў, а не ў якасці фонавых залівак. Інтэрактыўныя элементы ўяўляюць сабой чорныя на крэмавым фоне фігуры з цалкам закругленымі (1440px) радыусамі, а храмаваныя элементы амаль незаўважныя - адзіны круглы лагатып і кнопка "Меню" параць у белай прасторы. Візуальная канцэпцыя - гэта кантактны ліст вытворчай студыі: адзін велізарны загаловак, адна фатаграфія ва ўсю шырыню старонкі, адзін ціхі радок метатэксту. Кожная другая старонка павінна быць вытрымана ў тым жа лаканічным стылі.
Мадэль старонкі з поўным запаўненнем: няма кантэйнера максімальнай шырыні, кантэнт займае ўсю шырыню старонкі з аднолькавымі водступамі злева і справа (16–32px на мабільных прыладах, 32px+ на настольных кампутарах). Галоўны загаловак - гэта адзін буйны загаловак («CREATIVE GIANTS» на 84px), які займае прыкладна 40% вобласці прагляду, за якім адразу варта фатаграфія з поўным запаўненнем, метатэгам у левым ніжнім куце і накладаннем загалоўка. Рытм частак маналітны: кожны новы раздзел пачынаецца з невялікага тэксту, напісанага загалоўнымі літарамі, і тлумачэнні, падзеленага пустой прасторай у 48-64px - няма якія чаргуюцца цёмных/светлых палос, за выключэннем адной інвертаванай акцэнтнай карткі Navy Ink. Кантэнт выраўноўваецца па левым краі; няма цэнтраваных блокаў, за выключэннем галоўнага загалоўка. У раздзеле навін/тэматычных даследаванняў выкарыстоўваецца трохкалонкавая сетка з картак з плаваючым справа блокам стрэлак. Навігацыя ажыццяўляецца праз адзіны верхні загаловак - без бакавой панэлі і якія-небудзь замацаваных элементаў за межамі самага загалоўка. Агульная шчыльнасць размяшчэння элементаў прасторная і адпавядае рэдакцыйнаму стылю: кожны раздзел "дыхае", а пустую прастору з'яўляецца асноўным структурным элементам.
У афармленні пераважае рэдакцыйная фатаграфія: выява займае ўсю шырыню старонкі, мае вострыя куты, без накладанняў або закругленых масак. Стыль імкнецца да дакументальнага і атмасфернага - маршчыністыя рукі, грамадскія інсталяцыі, нязмушаныя кадры з людзьмі - ніколі не выкарыстоўваюцца пастановачныя фатаграфіі прадукцыі. Выявы заўсёды прадстаўлены ў вялікім маштабе (на ўсю шырыню вобласці прагляду або запаўняючы ўсю картку), таму дызайн-адзінкай з'яўляецца фатаграфія, а не карыстацкі інтэрфейс. Ніякіх ілюстрацый, 3D-мадэляў, макетаў прадукцыі. Іканаграфія мінімальная: адзін невялікі круглы лагатып, контурныя шаўроны на элементах кіравання каруселі і лёгкія абразкі карыстацкага інтэрфейсу з абводкай 1px. Шчыльнасць малюнка вызначаецца самой выявай, а тэкст служыць у якасці незаўважнага пласта анатацый пад або па-над фатаграфіяй.
Палітра
Брэнд
- Magenta Bloom
#8a0467— Ружовы колер выкарыстоўваецца ў якасці дапаможнага акцэнту для дэкаратыўных дэталяў і акцэнтаванні ўвагі на нячастых запытах. Не варта вылучаць яго як асноўны колер закліку да дзеяння. - Forest Teal
#03624c— Насычаны акцэнтны колер брэнда для рамак паштовак і дэкаратыўных рысак; спалучаецца з адценнем Magenta Bloom для двухколернай апрацоўкі.
Нейтральныя
- Bone White
#fffef7— Палатно старонкі, паверхні кардона, тэкст на цёмных акцэнтах - цёплае крэмавае адценне, які замяняе чыстае #ffffff і надае ўсёй сістэме адчуванне паперы і друкаванага тэксту. - Ink Black
#000000— Цёмны колер дапаўняе нейтральны колер тэксту, значкоў і стварае моцны кантраст. Не варта выкарыстоўваць яго ў якасці асноўнага колеру для заклікаў да дзеяння. - Graphite
#666666— Другарадны асноўны тэкст, подпісы, метададзеныя, дапаможны тэкст - адыходзяць на другі план, каб дамінаваць асноўны тэкст. - Ash
#aaaaaa— Межы палёў уводу, колер неактыўных спасылак, троесныя падзельнікі - мяккі структурны шэры колер, які знікае, калі не патрэбен. - Charcoal Scale
#4d4c4a— Сярэдне-нейтральнае адценне для меж спісаў, ледзь прыкметнае павышэнне кантрасту на цёмнай градыентнай дарожцы - цёплы шэры, а не сіне-шэры. - Powder Blue
#a5c8eb— Мяккі каляровы акцэнт - фоны для паштовак, размытыя фоны, прыглушанае заліванне ілюстрацый; астуджае цёплы фон, не ствараючы канкурэнцый.
Друкарня
ад 12 да 84px · 7 прыступак
- Switzer — замена: Inter (300 · напісання 300, 400 · Сістэма з адным шрыфтам: таўшчыня 300 для ўсіх элементаў адлюстравання і загалоўкаў (12-84px), таўшчыня 400 для асноўнага тэксту, метададзеных і элементаў кіравання карыстацкага інтэрфейсу. Найбольш пераважны варыянт - выкарыстанне таўшчыні 300 пры памеры 64-84px - у большасці сістэм тут выкарыстоўваецца тоўсты шрыфт 700-800; шрыфт Switzer светлага адцення захоўвае тонкія лініі, ствараючы адчуванне, быццам шрыфт нанесены аэрографам на крэмавае палатно. Больш шчыльная міжлітарная адлегласць па меры павелічэння памеру (-0.04em пры 84px, -0.018em пры 14px) захоўвае ўнутраныя прасторы адчыненымі, не ствараючы адчуванні разрэджанасці.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 8px |
| Радыус кнопак | 1440px |
| Радыус картак | 0px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 64px |
ІІ збярэ ваш сайт у стылі Creative Giants і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- ElevenLabs — Фотарэпартаж у цёплых крэмавых танах з ненадакучлівымі загалоўкамі. Нататнік у стылі Баухаус - папера колеру яечнай шкарлупіны, чорныя чарнілы, адзін фіялетавы і аранжавы акцэнт для дэманстрацыі прадукту
- monopo saigon — Вадкае пераліўнае ззянне за рэдакцыйнай цішынёй - манахромная рэдакцыйная галерэя, парылая на расплаўленым святле
- Awesomic — Рэдакцыйная цынкавая сетка з аранжавымі знакамі прыпынку, якія нагадваюць канфеці
- Monad — рэдакцыйны тэхнічны часопіс на цёплым пергаменце
- Dub — матавая панэль кіравання Link на рысавай паперы
- Seline Analytics — Ціхі аналітычны стол на цёплай паперы
- Notion — Цёплы папяровы блакнот пад паўдзённым сонцам
- Hyer Aviation — Змрок у кабіне пілота над пергаментам. Бледнае світальнае неба сустракаецца з лагатыпам з засечкамі памерам з фюзеляж, а адзін цёплы гліняны акцэнт парушае манахромную стрыманасць.
- Anthropic — Навуковы палявы часопіс на цёплым пергаменце - спакойныя паверхні колеру слановай косткі, рэдакцыйныя загалоўкі з засечкамі і адзіны гліняны акцэнт, які з'яўляецца толькі тады, калі трэба дзейнічаць
- Calendly — Цёмна-сінія чарнілы на халодным мармуры
- Augen Pro — Прэзентацыя Apple на белым фоне - клінічны, бязважкі, электрычны сіні як адзіны акцэнт у манахромнай прасторы
- OFF+BRAND. — Пераліўная сфера на цёплым пергаменце