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 — Ак мәрмәрдә музей витриналары