Creative Giants
Кремді қағазға басылған үлкен форматты редакциялық плакат
Creative Giants кодпен көрсетілген үлкен арт-букқа ұқсайды: жылы, кремді кенеп, жұқа жиектер және тақырыптан гөрі плакатқа көбірек ұқсайтын үлкен қаріп. Бүкіл жүйе теріс кеңістікте және бір жеңіл өлшемде (300) жұмыс істейді — тақырыптар 64–84 пиксельде жуан шрифтпен ерекшеленудің орнына әрең естіледі, ал қаріп өлшемі ұлғайған сайын әріптер аралығы күрт азаяды (-0,04 эм), сондықтан сөздер кесілген емес, ойылған болып көрінеді. Түс схемасы кішкентай, қанық қылқалам сызықтарымен бөлінген: ашық күлгін, қою көгілдір, ашық көк, ашық қызғылт, жалбыз және көк түстер фон толтырғыштарының орнына карта беттері немесе екпін ретінде көрінеді. Интерактивті элементтер толығымен дөңгелектелген (1440 пиксель) радиусы бар кремді фондағы қара пішіндер, ал хром элементтері көрінбейді дерлік — бір дөңгелек логотип және «Мәзір» түймесі ақ кеңістікте қалқып жүреді. Көрнекі тұжырымдама - продюсерлік студияның байланыс парағы: бір үлкен тақырып, бір толық енді фотосурет, бір тыныш метамәтін жолы. Әрбір басқа бет бірдей ықшам стильде жазылуы керек.
Толық толтырылған бет орналасуы: Максималды ен контейнері жоқ; мазмұн беттің бүкіл енін сол және оң жағында тең жиектермен алады (мобильді құрылғыда 16–32 пиксель, жұмыс үстелінде 32 пиксельден астам). Негізгі тақырып - қарау терезесінің шамамен 40%-ын алып жатқан бір үлкен тақырып ("CREATIVE GIANTS" 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 пиксель), негізгі мәтін, метадеректер және пайдаланушы интерфейсінің басқару элементтері үшін 400 салмақ. Артықшылықты нұсқа - 64–84 пиксель өлшемінде 300 салмақты пайдалану - көптеген жүйелер мұнда 700–800 қалың қаріпті пайдаланады; ашық түсті Switzer қаріпі жұқа сызықтарды сақтайды, бұл крем түсті кенепте аэрографпен жазылған қаріптің әсерін жасайды. Өлшемі ұлғайған сайын әріптер арасындағы қашықтықты азайту (84 пиксельде -0,04 см, 14 пиксельде -0,018 см) ішкі кеңістіктерді ашық ұстайды, бұл сирек сезім тудырмайды.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | орташа |
| Негізгі қадам | 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 — жылы пергаментке арналған редакциялық техникалық журнал