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. — Преливаща се сфера върху топъл пергамент