Creative Giants

Буйнафарматны рэдакцыйны постэр на крэмавай паперы

Creative Giants выглядае як павялічаны разварот артбука, створаны з дапамогай кода: цёплае крэмавае палатно, тонкія палі і настолькі буйны шрыфт, што ён больш падобны на плакат, чым на загаловак. Уся сістэма працуе на негатыўнай прасторы і адным лёгкім памеры (300) - загалоўкі ледзь чутныя пры памеры 64-84px, а не рэзка вылучаюцца тоўстым шрыфтам, а міжлітарную адлегласць рэзка памяншаецца (-0.04em) па меры павелічэння памеру шрыфта, так што словы здаюцца высечанымі, а не здаюцца высечанымі. Каляровая гама размеркавана на невялікія насычаныя мазкі: яркі пурпурны, глыбокі бірузовы, светла-блакітны, ярка-ружовы, мятны і цёмна-сіні з'яўляюцца ў якасці паверхняў картак або акцэнтаў, а не ў якасці фонавых залівак. Інтэрактыўныя элементы ўяўляюць сабой чорныя на крэмавым фоне фігуры з цалкам закругленымі (1440px) радыусамі, а храмаваныя элементы амаль незаўважныя - адзіны круглы лагатып і кнопка "Меню" параць у белай прасторы. Візуальная канцэпцыя - гэта кантактны ліст вытворчай студыі: адзін велізарны загаловак, адна фатаграфія ва ўсю шырыню старонкі, адзін ціхі радок метатэксту. Кожная другая старонка павінна быць вытрымана ў тым жа лаканічным стылі.

Мадэль старонкі з поўным запаўненнем: няма кантэйнера максімальнай шырыні, кантэнт займае ўсю шырыню старонкі з аднолькавымі водступамі злева і справа (16–32px на мабільных прыладах, 32px+ на настольных кампутарах). Галоўны загаловак - гэта адзін буйны загаловак («CREATIVE GIANTS» на 84px), які займае прыкладна 40% вобласці прагляду, за якім адразу варта фатаграфія з поўным запаўненнем, метатэгам у левым ніжнім куце і накладаннем загалоўка. Рытм частак маналітны: кожны новы раздзел пачынаецца з невялікага тэксту, напісанага загалоўнымі літарамі, і тлумачэнні, падзеленага пустой прасторай у 48-64px - няма якія чаргуюцца цёмных/светлых палос, за выключэннем адной інвертаванай акцэнтнай карткі Navy Ink. Кантэнт выраўноўваецца па левым краі; няма цэнтраваных блокаў, за выключэннем галоўнага загалоўка. У раздзеле навін/тэматычных даследаванняў выкарыстоўваецца трохкалонкавая сетка з картак з плаваючым справа блокам стрэлак. Навігацыя ажыццяўляецца праз адзіны верхні загаловак - без бакавой панэлі і якія-небудзь замацаваных элементаў за межамі самага загалоўка. Агульная шчыльнасць размяшчэння элементаў прасторная і адпавядае рэдакцыйнаму стылю: кожны раздзел "дыхае", а пустую прастору з'яўляецца асноўным структурным элементам.

У афармленні пераважае рэдакцыйная фатаграфія: выява займае ўсю шырыню старонкі, мае вострыя куты, без накладанняў або закругленых масак. Стыль імкнецца да дакументальнага і атмасфернага - маршчыністыя рукі, грамадскія інсталяцыі, нязмушаныя кадры з людзьмі - ніколі не выкарыстоўваюцца пастановачныя фатаграфіі прадукцыі. Выявы заўсёды прадстаўлены ў вялікім маштабе (на ўсю шырыню вобласці прагляду або запаўняючы ўсю картку), таму дызайн-адзінкай з'яўляецца фатаграфія, а не карыстацкі інтэрфейс. Ніякіх ілюстрацый, 3D-мадэляў, макетаў прадукцыі. Іканаграфія мінімальная: адзін невялікі круглы лагатып, контурныя шаўроны на элементах кіравання каруселі і лёгкія абразкі карыстацкага інтэрфейсу з абводкай 1px. Шчыльнасць малюнка вызначаецца самой выявай, а тэкст служыць у якасці незаўважнага пласта анатацый пад або па-над фатаграфіяй.

Мінімалізм Рэдакцыйны

https://www.creativegiants.art

Палітра

Брэнд

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-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.

Стварыць сайт у гэтым стылі

Падобныя стылі

Studio — Галерэйная сцяна ў руху. Кожны экран уяўляе сабой ціхую шэрую выставачную паверхню, дзе друкарскія матэрыялы і якія перакрываюцца з імі крэатыўныя працы канкуруюць за ўвагу
Mollie — Кашэміравая стойка, цёмная бухгалтарская кніга. Пакіньце шырокую белую прастору для рэдакцыйнага афармлення вакол чорнага тэксту, а затым замацуеце моманты, звязаныя з прадуктам, цёплымі крэмавымі, карычневымі адценнямі эспрэса і тактыльнымі фатаграфіямі рэальных спосабаў аплаты
Bajgart Office — Сцяна рэдакцыйнай галерэі. Выкарыстоўвайце шырокае белае поле, дзе ледзь прыкметныя шрыфты з засечкамі і фрагменты партфоліё нясуць у сабе больш візуальнай масы, чым храмаваныя элементы інтэрфейсу
Bejamas — Піжама - кіслотны лайм скрозь чорнае шкло. Стварыце спакойныя светла-шэрыя рэдакцыйныя старонкі, якія перарываюцца захапляльнымі чорнымі панэлямі, дзе размытыя зялёныя палосы святла перасякаюць паверхню
Kagi — Асобная чытальная зала. Стварыце адкрытую белую прастору вакол выразнага тэксту графітавага колеру, выкарыстоўваючы невялікія фіялетавыя акцэнты і цёплыя пастэльныя тоны для аздаблення паверхняў, каб парушыць спакой
Milanote — Milanote - замацаваная крэатыўная студыя. Стварайце старонкі ў выглядзе рэдакцыйнай галерэі, выкарыстоўваючы якія плаваюць візуальныя дошкі: цёмныя якія атачаюць сцены, белая выставачная прастора і скрыншоты, якія выглядаюць як рэальныя аб'екты, з мяккай глыбінёй
Co2 — Кліматычны атлас у зімовым святле. Стварайце старонкі як паветраны ландшафт дакумента, дзе загалоўкі з засечкамі, дадзеныя, закадаваныя па катэгорыях, і ледзяныя выявы падкрэсліваюць шырокія белыя палі
GitButler — Бірузовы колер у канцы тэксту. Спалучэнне высокакантрасных загалоўкаў з засечкамі з ненадакучлівымі тэхнічнымі сеткамі, цёплымі графітавымі паверхнямі і стрыманым бірузовым акцэнтам
ElevenLabs — Фотарэпартаж у цёплых крэмавых танах з ненадакучлівымі загалоўкамі. Нататнік у стылі Баухаус - папера колеру яечнай шкарлупіны, чорныя чарнілы, адзін фіялетавы і аранжавы акцэнт для дэманстрацыі прадукту
monopo saigon — Вадкае пераліўнае ззянне за рэдакцыйнай цішынёй - манахромная рэдакцыйная галерэя, парылая на расплаўленым святле
Awesomic — Рэдакцыйная цынкавая сетка з аранжавымі знакамі прыпынку, якія нагадваюць канфеці
Monad — рэдакцыйны тэхнічны часопіс на цёплым пергаменце