Glossier
Күн сәулесіндегі фотосессия - ақ қағаз, қара сия, бір ашық сары түсті екпін
Жылтырақ сандық сұлулық журналы сияқты жұмыс істейді: ақ және қара түстердің дерлік монохромды кенеп, брендтің логотипі және жалғыз әрекетке шақыру ретінде қызмет ететін бір жарқын сары екпінмен ерекшеленеді. Жүйе редакциялық тұрғыдан шектеулі - үлкен Apercu тақырыптары, кең мәтін кеңістігі, эмоционалды салмақтың негізгі бөлігін көтеретін толық беттік өмір салты фотосуреттері - және орындауда утилитарлық: жалпақ өнім карталары, жұқа жиектер және әшекейлердің мүлдем болмауы. Сары түс екінші реттік бренд түсі емес; бұл бренд, сирек қолданылады, сондықтан әрбір көрініс камера жарқылы сияқты сезіледі. Қалғанының бәрі фонға сіңіп кетуге арналған: бейтарап түстер - нәзік қызару реңкімен жылы сұр түстер, жиектер нәзік, ал қаріп тығыз және қысқа. Нәтижесінде сенімді, қарапайым және ымырасыз заманауи сезім тудыратын дүкен пайда болады.
Бетте тігінен орналасқан толық экранды бөлімдер сериясы бар, олардың әрқайсысы жеке редакциялық таралу ретінде жасалған. Негізгі бөлім - қалқымалы ақ қабаты (жоғарғы сол жақта) және беттің төменгі бөлігін толығымен алып жатқан үлкен сары логотипі бар толық енді фотосурет. Негізгі бөлімнің астында бөлімдер толық экранды суреттер мен жеке карталардың торлары арасында кезектесіп орналасады. Санаттарды (тері күтімі/макияж) екі бағанға бөлу көрінетін шекарасыз жүзеге асырылады - тек суреттерді байланыстыратын сызық оларды бөліп тұрады. Өнім каталогында #f7f7f7 кенепте төрт бағандық шаршы карталар торы қолданылады. Навигация - үстінде қосымша жарнама жолағы бар минималистік жоғарғы жолақ. Бөлімдер арасындағы саңылаулар айтарлықтай үлкен (64 пиксель), бірақ бөлімдер арасындағы ауысулар тегіс - бөлгіштерсіз немесе ауыспалы фон түстерісіз, жылы төменгі колонтитулдан басқа. Жалпы ырғақ: фотосурет, мәтін, фотосурет, тор, фотосурет - сән журналын парақтағандай.
Фотография – басым көрнекі тіл. Көру аймағының барлығы өмір салтының суреттері мен портреттеріне толы – жылы алтын сағаттық жарықтандыру, терінің жұмсақ жақыннан түсірілген суреттері, күн сәулесінің фонында өнім бөтелкелерін ұстаған қолдар. Фотосуреттердегі түс палитрасы жылы және қанық емес: шабдалы аспаны, терракота тері реңктері, терең мұхит көк түстері. Суреттер әрқашан беттің бүкіл бетін алады, дөңгелек бұрыштарсыз, жақтауларсыз немесе қабаттасусыз, ақ мәтіндік карталар немесе сары логотиптен басқа. Каталог карталарындағы өнім фотосуреттері таза ақ, тегіс фонға, тегіс жарықтандырумен түсірілген. Сурет пен мәтіннің арақатынасы шамамен 70/30 құрайды – суреттер эмоцияны, мәтінді, функцияны жеткізеді. Иллюстрациялар жоқ, абстрактілі графика жоқ, 3D кескіндер жоқ.
Палитра
Бренд
- Glossier Yellow
#fff116— Сары түс сәндік бөлшектер үшін қосымша екпін ретінде және сирек қолданылатын іздеу сұраныстарын ерекшелеу үшін қолданылады. Оны әрекетке шақыру үшін негізгі түс ретінде пайдалануға болмайды.
Бейтарап
- Ink
#000000— Негізгі мәтін, навигация сілтемелері, негізгі мәтін, төменгі колонтитул мәтіні, белгіше контурлары, жіңішке жиектер; басым типографиялық және құрылымдық түс. - Paper
#ffffff— Өнім картасының беттері, толтыру аймақтары, көтерілген панельдер; жинақтағы ең жарық бет деңгейі. - Fog
#f7f7f7— Бет кенебі, бөлім фондары, беттегі кескіндер арасындағы ауысулар; бүкіл веб-сайт орналасқан негізгі бет. - Blush
#faf2f4— Төменгі колонтитулдың фоны, жұмсақ, жылы бөлім бөлгіштері; нәзік қызғылт-ақ реңк беттердің төменгі жағына жылулық қосады. - Mist
#f0f0f0— Көзге көрінбейтін фон жасауға және бөліктерді бөлуге арналған жеңіл тірек беті. Оны әрекетке шақыру үшін негізгі түс ретінде пайдалануға болмайды. - Ash
#e8e8e8— Енгізу өрісінің шекаралары, белгіше фондары, жіңішке бөлгіш сызықтар; карталар мен форма элементтері үшін құрылымдық шекара түсі.
Типография
12-ден 32 пиксельге дейін · 5 қадам
- Apercu — ауыстыру: Inter · контурлар 400, 500, 700 · Негізгі қаріп пайдаланушы интерфейсінде қолданылады — негізгі мәтін 16px/400, навигация және жазулар 12–14px/500, кіші тақырыптар 20px/500 және редакциялық тақырыптар 32px/700. Apercu геометриялық, гуманистік дизайны брендке қысқартылған, заманауи стиль береді; нөлге жақын әріп аралығы (0,002–0,003em) қаріпті жеңіл немесе ыңғайлы емес, ықшам және журнал тәрізді етеді. 700 салмағы редакциялық мақалалардағы дисплей элементтеріне арналған, UI элементтеріне емес.
- Apercu Mono — ауыстыру: JetBrains Mono or IBM Plex Mono · контурлар 400 · Тапсырыс метадеректеріне, бақылау нөмірлеріне және код жанындағы белгілерге арналған микроутилитарлық типография; бір аралықтағы нұсқа пропорционалды дене түріне қарсы техникалық құрылым жасайды.
- GTStandard-M — ауыстыру: Inter · контурлар 400 · GTStandard-M - Алынған деректерде кездеседі, бірақ жасанды интеллект арқылы сипатталмаған.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | орташа |
| Негізгі қадам | 8px |
| Түйме радиусы | 0px |
| Карта радиусы | 0px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 64px |
| Беттің ені | 1440px |
Жасанды интеллект сіздің веб-сайтыңызды Glossier стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Lightship — Ашық жолдың кинематографиялық диорамасы. Жақын аралықта орнатылған үлкен пейзаж фотосуреттерімен безендірілген жылы крем түсті галерея қабырғалары, жақтауларда әрең көрінетін жұқа қара қаріп және шалғындағы от сияқты монохромды бұзатын жалғыз ашық қызғылт сары екпін.
- Faire ES — жылы кілегейдің көтерме каталогы
- Adanola — Ақ қағазға басылған редакциялық лукбук. Типография мен фотография таза ақ беттерде тыныс алатын сән фотосессиясы, қаріп үшін қара сия және брендтің жалпы стилін көрсететін нәзік қолтаңбалы sans-serif қаріпі (Favorit).
- Oura Ring — Жұмсақ күн шуағына малынған жайлы сұлы ботқасын жасау шеберханасы
- Stykka — Ақ жарықтағы скандинавиялық шеберхана – тыныш, қолдан жасалған көрме залы, онда тек фотосурет дауысы ғана көрінеді
- DJI — бір электрлік көк түсті ерекшелігі бар аэроғарыштық қара кенеп
- Altitude Beverages — Монохромды журнал беті. Фотосуреттерден басқа барлық түстері жоқ сән журналының бетін елестетіп көріңізші — мәтін мен ақ кеңістік бүкіл оқиғаны баяндайды.
- AATHER — Ашық алақан, жалғыз жалын - тыныштықта сақталған тыныш сән-салтанат
- Cowboy — Ақ фарфордан жасалған көріністегі бельгиялық велосипед галереясы. Күңгірт беттер, редакциялық материалдарда қолданылатын үлкен қаріптер және безендірудің жоқтығы велосипед пен оның ішіндегі заттарға назар аударатын көрме залы.
- Refero — Ақ мәрмәрдегі редакциялық макет - типограф жасаған өнім беті, мұнда serif тақырыбы брендтің визит картасы болып табылады, ал қалғанының бәрі байқалмайды.
- Face Formula — Скандинавиялық редакциялық портрет. Салқын, тұманды фонда модельдің көзқарасы мен қысқартылған сериф қаріпімен жазылған тақырып өзі үшін сөйлейтін тыныш, журнал стиліндегі сурет.
- Shupatto — Ақ мәрмәрден жасалған мұражай витриналары