Creative Giants
Каймак кәгазьдә зур форматлы редакция плакаты
Creative Giants код белән күрсәтелгән зур арт-китапка охшаган: җылы, каймак төсендәге полотно, нечкә кырыйлар һәм шрифт шулкадәр зур ки, башлыкка караганда плакатка күбрәк охшаган. Бөтен система тискәре бушлыкта һәм бер җиңел зурлыкта (300) эшли - башлыклар 64–84 пиксельдә калын шрифт белән аерылып тору урынына ишетелми, һәм хәрефләр арасы шрифт зурлыгы арткан саен кискен кими (-0.04 эм), шуңа күрә сүзләр киселгән түгел, ә киселгән кебек күренә. Төс схемасы кечкенә, туендырылган щетка сызыкларында бүленгән: якты шәмәхә, тирән зәңгәрсу, ачык зәңгәрсу, кызгылт һәм зәңгәрсу төсләр фон тутыру урынына карта өслекләре яки акцентлар буларак күренә. Интерактив элементлар - тулысынча түгәрәкләнгән (1440 пиксель) радиуслы каймак фонда кара формалар, ә хром элементлары күренми диярлек - бер түгәрәк логотип һәм "Меню" төймәсе ак бушлыкта йөзеп йөри. Визуаль концепция - продюсерлык студиясенең контакт бите: бер зур башлык, бер тулы киңлекле фото, бер тыныч метатекст юлы. Һәр икенче бит шул ук лаконик стильдә язылырга тиеш.
Тулы тутырылган бит макеты: Максималь киңлек контейнеры юк; эчтәлек битнең бөтен киңлеген били, сул һәм уң якта тигез кырлар белән (мобильдә 16–32 пиксель, компьютерда 32 пиксель+). Төп исем - карау портының якынча 40% ын били торган бер зур исем ("ИҖАДИ ГИАНТЛАР" 84 пиксельдә), аннан соң аскы сул почмакта мета-тег һәм исем каплавы белән тулы тутырылган фотосурәт. Бүлек ритмы монолит: һәр яңа бүлек аз күләмдә баш хәрефләр белән язылган текст һәм аңлатма белән башлана, алар 48–64 пиксель ак бушлык белән аерыла - бер кире борылган Navy Ink акцент картасыннан кала, караңгы/якты полосалар чиратлашмый. Эчтәлек сул якка тигезләнгән; төп исемнән кала үзәкләштерелгән блоклар юк. Яңалыклар/очракларны өйрәнү бүлегендә уң якта йөзүче ук блогы булган өч баганалы карталар челтәре кулланыла. Навигация бер өске исем аша башкарыла - ян панель яки исемнең үзеннән тыш бернинди дә беркетелгән элементларсыз. Гомуми макет киң һәм редакция стиленә туры килә: һәр бүлек сулыш ала, ә ак бушлык төп структураль элемент булып тора.
Дизайнда редакция фотографиясе өстенлек итә: рәсемнәр битнең бөтен киңлеген били, үткен почмаклар белән, каплаулар яки түгәрәкләнгән битлекләр юк. Стиль документаль һәм атмосфералы - җыерчыклы куллар, җәмәгать инсталляцияләре һәм кешеләрнең гади фотосурәтләренә - беркайчан да сәхнәләштерелгән продукт фотосурәтләрен кулланмыйча гына юнәлтелгән. Рәсемнәр һәрвакыт зур масштабта тәкъдим ителә (тулы киңлектәге карау мәйданчыгы яки бөтен карточканы тутыра), шуңа күрә дизайн берәмлеге - кулланучы интерфейсы түгел, ә фотосурәт. Иллюстрацияләр, 3D модельләр яки продукт макетлары юк. Иконография минималь: бер кечкенә түгәрәк логотип, карусель контрольләрендә контур шевроннары һәм 1 пиксель контурлы җиңел интерфейс иконкалары. Рәсем тыгызлыгы рәсемнең үзе белән билгеләнә, һәм текст фотосурәт астында яки өстендә яшерен аннотация катламы булып хезмәт итә.
Палитра
Бренд
- 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–84 пиксель), төп текст, мета мәгълүматлар һәм UI контрольләре өчен 400 калынлык. Өстенлекле вариант - 64–84 пиксель зурлыкларда 300 калынлык куллану - күпчелек системалар монда 700–800 калын шрифт кулланалар; ачык төстәге Switzer шрифты нечкә сызыкларны саклый, крем төсендәге полотнода аэрограф белән шрифтланган кебек тәэсир калдыра. Зурлык арткан саен хәрефләр арасы тыгызрак (84 пиксельдә -0.04em, 14 пиксельдә -0.018em) эчке бушлыкларны ачык тота, сирәклек хисе тудырмый.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | уртача |
| Төп адым | 8px |
| Төймә радиусы | 1440px |
| Карта радиусы | 0px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 64px |
Ясалма интеллект сезнең сайтны Creative Giants стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Studio — Галерея стенасы хәрәкәттә. Һәр экран тыныч, соры күргәзмә өслеген чагылдыра, анда типографик материаллар һәм бер-берсен каплаган иҗади эшләр игътибар өчен көрәшә.
- Mollie — Кашемир счетчигы, караңгы реестр. Кара текст тирәсендә редакция дизайны өчен җитәрлек ак урын калдырыгыз, аннары продукт белән бәйле пунктларны җылы кремнар, эспрессо коктейльләре һәм чын түләү ысулларының тактиль фотолары белән ныгытыгыз.
- Bajgart Office — Редакция галереясе стенасы. Зур ак бушлык кулланыгыз, анда нечкә сериф шрифтлары һәм портфолио фрагментлары хром белән капланган интерфейс элементларына караганда күбрәк визуаль авырлык йөртә.
- Bejamas — Пижама — кара пыяла аша үткән кислоталы известь. Тыныч, ачык соры редакция битләрен тонык яшел яктылык сызыклары өслек белән кисешкән җирләрдә кара панельләр белән бүлеп, аларны матур итеп бизәгез.
- Kagi — Аерым уку бүлмәсе. Калын графит текст тирәсендә ачык ак урын булдырыгыз, тынычлыкны бозу өчен нечкә шәмәхә төстәге акцентлар һәм җылы пастель өслекләр кулланыгыз.
- Milanote — Milanote - махсус иҗади студия. Караңгы рамлы стеналар, ак дисплей киңлеге һәм йомшак тирәнлектәге чын объектларга охшаган скриншотлар ярдәмендә йөзүче визуаль такталар кулланып, редакция галереясы стилендәге битләр булдырыгыз.
- Co2 — Кышкы яктылыкта климат атласы. Һавадан төшерелгән документ пейзажы кебек битләр ясагыз, анда сериф исемнәре, категория буенча кодланган мәгълүматлар һәм бозлы рәсемнәр киң ак кырларны ассызыклый.
- GitButler — Текст ахырында зәңгәрсу төс. Югары контрастлы сериф башлыклары, нечкә техник рәшәткәләр, җылы графит өслекләр һәм сизелерлек зәңгәрсу төс акценты белән берләштерелгән.
- ElevenLabs — Җылы каймак төсендәге фотоэссе, нечкә башлыклар белән. Баухаус стилендәге дәфтәр — йомырка кабыгы төсендәге кәгазь, кара буяу һәм продуктны күрсәтү өчен бер шәмәхә һәм кызгылт сары төстәге бизәк.
- monopo saigon — Редакция тынлыгы артындагы сыек, нурлы балкыш — эрегән яктылыкта йөзеп йөргән монохром редакция галереясе
- Awesomic — Конфеттины хәтерләткән кызгылт сары тыныш билгеләре белән редакция цинк челтәре
- Monad — җылы пергаменттагы редакция техник журналы