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 оптимизациясе.
Охшаш стильләр
- ElevenLabs — Җылы каймак төсендәге фотоэссе, нечкә башлыклар белән. Баухаус стилендәге дәфтәр — йомырка кабыгы төсендәге кәгазь, кара буяу һәм продуктны күрсәтү өчен бер шәмәхә һәм кызгылт сары төстәге бизәк.
- monopo saigon — Редакция тынлыгы артындагы сыек, нурлы балкыш — эрегән яктылыкта йөзеп йөргән монохром редакция галереясе
- Awesomic — Конфеттины хәтерләткән кызгылт сары тыныш билгеләре белән редакция цинк челтәре
- Monad — җылы пергаменттагы редакция техник журналы
- Dub — Link'ның мат дөге кәгазе белән идарә итү панеле
- Seline Analytics — Җылы кәгазьдә тыныч аналитик өстәл
- Notion — Көндезге кояш астында җылы кәгазь дәфтәр
- Hyer Aviation — Пергамент өстендә кабинада караңгылык. Ачык таң күк йөзе фюзеляж зурлыгындагы сериф логотибы белән очраша, һәм җылы балчык төсендәге бер генә акцент монохром чикләүне җимерә.
- Anthropic — Җылы пергамент турында фәнни өлкә журналы - тыныч фил сөяге өслекләре, серифлы редакция рубрикалары һәм хәрәкәт кирәк булганда гына күренә торган бердәнбер балчык акценты.
- Calendly — Салкын мәрмәрдә куе зәңгәр төстәге кара
- Augen Pro — Apple'ның ак төсе монохром киңлектә бердәнбер акцент буларак клиник, авырлыксыз, электр зәңгәрен үз эченә ала.
- OFF+BRAND. — Җылы пергаментта нурлы шар