Creative Giants
Голем формат на уреднички постер на крем хартија
„Криејтив Џајантс“ изгледа како преголем арт-книга, рендерирана во код: топло, кремасто платно, тенки маргини и толку голем фонт што повеќе личи на постер отколку на наслов. Целиот систем работи на негативен простор и една, лесна големина (300) - насловите едвај се слушаат на 64–84px, наместо да се истакнуваат со задебелени букви, а растојанието меѓу буквите нагло се намалува (-0,04em) како што се зголемува големината на фонтот, така што зборовите изгледаат издлабени, а не излупени. Шемата на бои е распределена во мали, заситени потези со четка: живописна виолетова, длабока тиркизна, светло сина, жешка розова, нане и морнарско сина се појавуваат како површини на картички или акценти, наместо пополнувања во позадина. Интерактивните елементи се црни форми на кремаста позадина со целосно заоблени (1440px) радиуси, додека хромираните елементи се речиси невидливи - едно кружно лого и копчето „Мени“ лебдат во белиот простор. Визуелниот концепт е контакт лист на продукциско студио: еден огромен наслов, една фотографија со полна ширина, еден тивок ред метатекст. Секоја втора страница треба да го следи истиот лаконски стил.
Распоред на страница со целосно пополнување: Нема контејнер со максимална ширина; содржината ја зафаќа целата ширина на страницата со еднакви маргини лево и десно (16–32px на мобилен, 32px+ на десктоп). Главниот наслов е еден, голем наслов („КРЕАТИВНИ ЏИНОВИ“ на 84px) кој зафаќа приближно 40% од прегледниот прозорец, веднаш проследен со фотографија со целосно пополнување со мета ознака во долниот лев агол и преклопување на насловот. Ритамот на секцијата е монолитен: секој нов дел започнува со мала количина текст со големи букви и објаснување, одделени со 48–64px бел простор - нема наизменични темни/светли ленти освен една превртена картичка со акцент во боја на морнарско мастило. Содржината е порамнета лево; нема центрирани блокови освен главниот наслов. Делот за вести/студии на случај користи мрежа од картички со три колони со лебдечки блок со стрелка десно. Навигацијата се остварува преку еден горен заглавие - без странична лента или какви било закотвени елементи надвор од самиот заглавие. Целокупниот распоред е простран и во согласност со уредничкиот стил: секој дел „дише“, а белиот простор е примарен структурен елемент.
Уредничката фотографија доминира во дизајнот: сликите ја зафаќаат целата ширина на страницата, со остри агли и без преклопувања или заоблени маски. Стилот се наклонува кон документарно и атмосферско - збрчкани раце, јавни инсталации и лежерни снимки на луѓе - без никогаш да се користи сценирана фотографија на производи. Сликите секогаш се претставени во голем размер (поглед со полна ширина или пополнување на целата картичка), така што дизајнерската единица е фотографијата, а не корисничкиот интерфејс. Нема илустрации, 3Д модели или макети на производи. Иконографијата е минимална: едно мало кружно лого, контури со шеврони на контролите на вртелешката и лесни икони на корисничкиот интерфејс со контура од 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. — Иридесцентна сфера на топол пергамент