
Glossier
«Արևի լույս» լուսանկարահանում - սպիտակ թուղթ, սև թանաք, մեկ վառ դեղին շեշտադրում
Glossier-ը գործում է ինչպես թվային գեղեցկության ամսագիր. գրեթե միագույն կտավ՝ սպիտակի և սևի, ընդգծված մեկ վառ դեղին շեշտադրմամբ, որը միաժամանակ ծառայում է որպես ապրանքանիշի լոգո և գործողության միակ կոչ: Համակարգը խմբագրական առումով զուսպ է՝ մեծ չափերի Apercu վերնագրեր, առատ տեքստային տարածք, լիաէջ կենսակերպի լուսանկարներ, որոնք կրում են հուզական ծանրության մեծ մասը, և օգտատիրոջական կատարմամբ՝ հարթ ապրանքային քարտեր, բարակ եզրագծեր և զարդարանքի լիակատար բացակայություն: Դեղինը ապրանքանիշի երկրորդական գույն չէ. այն ապրանքանիշն է, որն օգտագործվում է խնայողաբար, այնպես որ յուրաքանչյուր տեսք զգացվում է որպես տեսախցիկի լուսարձակ: Մնացած ամեն ինչ նախատեսված է ֆոնին անցնելու համար. չեզոք գույները տաք մոխրագույններն են՝ նուրբ կարմրության երանգով, եզրագծերը նուրբ են, իսկ տառատեսակը՝ խիտ և խտացված: Արդյունքը խանութի ցուցափեղկ է, որը զգացվում է վստահ, զուսպ և անզիջում ժամանակակից:
Էջը ներառում է ուղղահայաց դասավորված լիաէկրան բաժինների շարք, որոնցից յուրաքանչյուրը նախագծված է որպես առանձին խմբագրական տարածություն: Հիմնական բաժինը լիաէկրան լուսանկար է՝ լողացող սպիտակ վերադրմամբ (վերևի ձախ անկյունում) և հսկայական դեղին լոգոտիպով, որը զբաղեցնում է էջի ամբողջ ներքևի մասը: Հիմնական բաժնի տակ բաժինները հերթագայվում են լիաէկրան պատկերներով և առանձին քարտերի ցանցերով: Կատեգորիաների (մաշկի խնամք/դիմահարդարում) բաժանումը երկու սյուների՝ պատկերների հավասար հարաբերակցությամբ (50/50) տեղի է ունենում առանց տեսանելի սահմանի. միայն պատկերները միացնող գիծն է դրանք բաժանում: Ապրանքների կատալոգը օգտագործում է քառակուսի քարտերի չորս սյունակ ցանց #f7f7f7 կտավի վրա: Նավիգացիան մինիմալիստական վերին գոտի է՝ վերևում երկրորդական գովազդային շերտով: Բաժինների միջև եղած բացերը բավականին մեծ են (64px), բայց բաժինների միջև անցումները հարթ են՝ առանց բաժանարարների կամ ֆոնի գույների հերթագայման, բացառությամբ տաք ստորին ստորոտի: Ընդհանուր ռիթմը հետևյալն է՝ լուսանկար, տեքստ, լուսանկար, ցանց, լուսանկար՝ ինչպես նորաձևության ամսագիր թերթելիս:
Լուսանկարչությունը գերիշխող տեսողական լեզուն է: Ամբողջ դիտման տարածքը լցված է կենսակերպի պատկերներով և դիմանկարներով՝ տաք ոսկեգույն լուսավորություն ժամերին, մաշկի մեղմ խոշորացված կադրեր, ձեռքեր, որոնք պահում են ապրանքի շշեր արևի շողերի ֆոնի վրա: Լուսանկարների գունային պալիտրան տաք և անհագեցած է՝ դեղձագույն երկինք, տերակոտե մաշկի երանգներ, խորը օվկիանոսային կապույտ: Պատկերները միշտ զբաղեցնում են ամբողջ էջի մակերեսը՝ առանց կլորացված անկյունների, շրջանակների կամ վերադրումների, բացառությամբ սպիտակ տեքստային քարտերի կամ դեղին լոգոյի: Կատալոգային քարտերի վրա ապրանքի լուսանկարները նկարահանված են մաքուր սպիտակ անխափան ֆոնի վրա՝ հարթ, հավասար լուսավորությամբ: Պատկերի և տեքստի հարաբերակցությունը մոտավորապես 70/30 է. պատկերները փոխանցում են հույզեր, տեքստ, գործառույթ: Ոչ մի նկարազարդում, ոչ մի աբստրակտ գրաֆիկա, ոչ մի եռաչափ պատկերացում:
Պալիտրա
Բրենդ
- Glossier Yellow
#fff116— Դեղինը օգտագործվում է որպես երկրորդական շեշտադրում՝ դեկորատիվ մանրամասների համար և ավելի քիչ օգտագործվող որոնման հարցումները ընդգծելու համար։ Այն չպետք է օգտագործվի որպես գործողության կոչի հիմնական գույն։
Չեզոք
- Ink
#000000— Հիմնական տեքստ, նավիգացիոն հղումներ, հիմնական տեքստ, ստորին տեքստ, պատկերակների ուրվագծեր, բարակ եզրագծեր. գերիշխող տպագրական և կառուցվածքային գույն։ - Paper
#ffffff— Արտադրանքի քարտի մակերեսներ, լրացման տարածքներ, բարձրացված վահանակներ. կույտի ամենապայծառ մակերեսի մակարդակը։ - Fog
#f7f7f7— Էջի կտավ, բաժնի ֆոնային պատկերներ, էջի վրա պատկերների միջև անցումներ. հիմքը, որի վրա գտնվում է ամբողջ կայքը։ - Blush
#faf2f4— Ստորին էջի ֆոն, մեղմ տաք բաժինների բաժանիչներ; նուրբ վարդագույն-սպիտակ երանգը ջերմություն է հաղորդում էջերի ներքևի մասին։ - Mist
#f0f0f0— Թեթև հենարանային մակերես՝ աննկատ ֆոն ստեղծելու և հատվածները բաժանելու համար: Այն չպետք է օգտագործվի որպես գործողության կոչի հիմնական գույն: - Ash
#e8e8e8— Մուտքագրման դաշտերի սահմաններ, պատկերակների ֆոն, բարակ բաժանարար գծեր; քարտերի և ձևի տարրերի կառուցվածքային սահմանի գույն։
Տպագրություն
12-ից մինչև 32px · 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:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Lightship — Բաց ճանապարհի կինեմատոգրաֆիկ դիորամա։ Տաք կրեմագույն պատկերասրահի պատերը զարդարված են մեծ լանդշաֆտային լուսանկարներով, որոնք տեղադրված են մոտ հեռավորություններով, բարակ սև տառատեսակները հազիվ տեսանելի են շրջանակների վրա, և միակ վառ նարնջագույն շեշտադրումը խախտում է միագույնը, ինչպես խարույկը մարգագետնում։
- Faire ES — տաք կրեմի մեծածախ կատալոգ
- Adanola — Խմբագրական լուքբուք սպիտակ թղթի վրա։ Նորաձևության ֆոտոսեսիա, որտեղ տպագրությունն ու լուսանկարչությունը շնչում են մաքուր սպիտակ մակերեսների վրա՝ սև թանաքով և նուրբ ֆիրմային sans-serif տառատեսակով (Favorit), որը արտացոլում է ապրանքանիշի ընդհանուր ոճը։
- Oura Ring — Հարմարավետ վարսակի փաթիլներ պատրաստելու արհեստանոց՝ մեղմ ցերեկային լույսի ներքո
- Stykka — Սկանդինավյան արհեստանոց սպիտակ լույսի ներքո՝ հանգիստ, ձեռագործ ցուցասրահ, որտեղ միակ ձայնը լուսանկարչությունն է։
- DJI — աէրոտիեզերական սև կտավ՝ մեկ էլեկտրական կապույտ լուսարձակով
- Altitude Beverages — Մոնոխրոմ ամսագրի ծրար։ Պատկերացրեք նորաձևության ամսագրի ծրար՝ զուրկ բոլոր գույներից, բացառությամբ լուսանկարների. տեքստն ու սպիտակ տարածությունն են ամբողջ պատմությունը պատմում։
- AATHER — Բաց ափ, միակ բոց՝ լռության մեջ պարունակված լուռ շքեղություն
- Cowboy — Բելգիական հեծանիվների պատկերասրահ ձյունաճերմակ ճենապակյա միջավայրում: Ցուցասրահ, որտեղ անփայլ մակերեսները, խմբագրական նյութերում օգտագործված մեծ տառատեսակները և զարդարանքի գործնական բացակայությունը ուշադրությունը գրավում են հեծանիվի և դրա պարունակության վրա:
- Refero — Խմբագրական դասավորություն սպիտակ մարմարի վրա՝ տպագրիչի կողմից ստեղծված ապրանքի էջ, որտեղ սերիֆային վերնագիրը ապրանքանիշի այցեքարտն է, իսկ մնացած ամեն ինչ աննկատ է։
- Face Formula — Սկանդինավյան խմբագրական դիմանկար։ Հանգիստ, ամսագրային ոճով լուսանկար, որտեղ մոդելի հայացքը և խտացված սերիֆ տառատեսակով գրված վերնագիրը խոսում են իրենց մասին զով, մշուշոտ ֆոնի վրա։
- Shupatto — Թանգարանի ցուցափեղկ սպիտակ մարմարից