Creative Giants
Уреднички плакат великог формата на крем папиру
Креативни џиновци изгледају као превелики артбук, рендерован у коду: топло, кремасто платно, танке маргине и слова толико велика да више подсећају на постер него на наслов. Читав систем функционише на негативном простору и једној, лаганој величини (300) — наслови се једва чују на 64–84 пиксела, уместо да се истичу подебљаним словима, а размак између слова се нагло смањује (-0,04 ем) како се величина слова повећава, тако да речи делују извајано, а не ољуштено. Шема боја је распоређена у малим, засићеним потезима четкице: живахна љубичаста, дубоко тиркизна, светлоплава, јарко ружичаста, мента и тегет боја се појављују као површине или акценти картица, а не као позадинска испуњења. Интерактивни елементи су црни облици на кремастој позадини са потпуно заобљеним радијусима (1440 пиксела), док су хромирани елементи готово невидљиви — један округли лого и дугме „Мени“ лебде у белом простору. Визуелни концепт је контакт лист продукцијског студија: један огромни наслов, једна фотографија пуне ширине, један тихи ред метатекста. Свака друга страница треба да прати исти лаконски стил.
Распоред странице са пуним попуњавањем: Не постоји контејнер максималне ширине; садржај заузима целу ширину странице са једнаким маргинама са леве и десне стране (16–32 пиксела на мобилним уређајима, 32 пиксела+ на десктоп рачунарима). Главни наслов је један, велики наслов („КРЕАТИВНИ ЏИНОВИ“ на 84 пиксела) који заузима приближно 40% приказног дела, одмах након чега следи фотографија са пуним попуњавањем са мета ознаком у доњем левом углу и преклапањем наслова. Ритам одељака је монолитан: сваки нови одељак почиње малом количином текста написаног великим словима и објашњењем, одвојених са 48–64 пиксела белог простора — нема наизменичних тамних/светлих трака осим једне обрнуте акцентне картице са мастилом морнарице. Садржај је поравнат лево; нема центрираних блокова осим главног наслова. Одељак за вести/студије случаја користи мрежу са три колоне са картицама са плутајућим блоком стрелице са десне стране. Навигација се врши кроз једно горње заглавље — без бочне траке или било каквих усидрених елемената изван самог заглавља. Укупан распоред је простран и у складу са уредничким стилом: сваки одељак дише, а бели простор је примарни структурни елемент.
Уређивачка фотографија доминира дизајном: слике заузимају целу ширину странице, са оштрим угловима и без преклапања или заобљених маски. Стил тежи документарном и атмосферском – наборане руке, јавне инсталације и лежерни снимци људи – без икакве употребе постављене фотографије производа. Слике су увек приказане у великој размери (пуно ширина приказног простора или испуњавање целе картице), тако да је јединица дизајна фотографија, а не кориснички интерфејс. Нема илустрација, 3Д модела или макета производа. Иконографија је минимална: један мали кружни лого, контурни шеврони на контролама вртјељка и лагане иконе корисничког интерфејса са контуром од 1 пиксела. Густина слике је одређена самом сликом, а текст служи као дискретан слој напомена испод или изнад фотографије.
Палета
Brend
- 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 до 84 пиксела · 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 — Миланоте је посвећени креативни студио. Креирајте странице у стилу уредничке галерије користећи плутајуће визуелне табле: зидове са тамним оквиром, бели простор за приказ и снимке екрана који изгледају као прави објекти са благом дубином.
- Co2 — Климатски атлас у зимском светлу. Направите странице попут пејзажа докумената из ваздуха, где серифни наслови, подаци кодирани по категоријама и ледене слике истичу широке беле маргине.
- GitButler — Тиркизна на крају текста. Комбинација висококонтрастних серифних наслова са суптилним техничким мрежама, топлим графитним површинама и дискретним тиркизним акцентом.
- ElevenLabs — Фото есеј у топлим крем тоновима са суптилним насловима. Свеска у стилу Баухауса — папир боје љуске јајета, црно мастило и један љубичасти и наранџасти акценат за приказивање производа.
- monopo saigon — Течни, преливајући се сјај иза уредничке тишине — монохроматска уредничка галерија која плута на растопљеној светлости
- Awesomic — Уредничка цинкова мрежа са наранџастим интерпункцијским знаковима који подсећају на конфете
- Monad — уреднички технички часопис на топлом пергаменту