Telegram, WhatsApp+380637610482
Վալերի Դանյուկ
Վալերի ԴանյուկմշակողԲիզնեսների համար արհեստական բանականության գործիքների մշակում։ Բարձրորակ։ Մատչելի։Գրել Telegram-ին
Custo — այս ոճի կայքի նախադիտում

Custo

Մետաղական գույնի պատկերասրահ՝ մոնոլիտ տառատեսակով։ Ցուցասրահ՝ խլացված մոխրագույն-կանաչ երանգներով, որտեղ մեկ մուգ առարկան և 57px տառատեսակը խոսում են իրենց մասին։

Custo-ն գործում է որպես արդյունաբերական արտադրանքի պատկերասրահ. տաք մետաղական կտավը ծառայում է որպես ֆիզիկական արտադրանքի ֆոն, մինչդեռ մեծ ֆորմատի տպագրությունը ծառայում է որպես հիմնական տեսողական զարդարանք: Համակարգը խիստ աքրոմատիկ է՝ առանց քրոմատիկ գույների՝ թույլ տալով, որ մուգ անոդացված փոստարկղը և մեկ sans-serif տառատեսակի երկրաչափական ձգողականությունը փոխանցեն ապրանքանիշի ամբողջական անհատականությունը: Յուրաքանչյուր էկրան հավասարակշռում է ընդարձակ սպիտակ տարածքը մոնումենտալ տպագրական հայտարարության հետ, որտեղ ապրանքանիշի նշանը կրկնվում է որպես գրեթե ճարտարապետական տարր: Մակերեսները հարթ և անփայլ են. խորությունը ստեղծվում է ապրանքի սեփական անդրադարձունակության միջոցով, այլ ոչ թե ստվերների կամ գրադիենտների միջոցով:

Էջի դասավորությունը ուղղահայաց դասավորված միասյունակ կառուցվածք է՝ մոտ 1280px առավելագույն բովանդակության լայնությամբ, կենտրոնացված դիտման պատուհանի ներսում: Գլխավոր էջի տարրը ընդգրկում է էջի ամբողջ լայնությունը, ներկայացված է եզրից եզր Canvas Gunmetal #9ea29f գույնով, աջ կողմում կենտրոնում տեղադրված է փոստարկղի լուսանկար, իսկ ներքևի եզրին ամրացված է 57px CUSTO® լոգոտիպ: Գլխավոր տարրի տակ բաժինները հերթագայում են՝ երկսյունակ տեքստային բլոկ (ձախ կողմում փոքր մակագրություն, աջ կողմում մեծ վերնագիր), որին հաջորդում է երեք ապրանքի պատկերի քարտերի հորիզոնական ցանց, ապա տեքստի և պատկերների երկսյունակ շարքեր, որոնց հիմնական տեքստը հերթագայում է երկու կողմերում: Բաժինների միջև ընկած հատվածները 110px են, ստեղծելով զգալի ուղղահայաց շնչառական տարածք: Նավիգացիան վերին մեկ թափանցիկ գոտի է, որը գլորելիս մարում է դեպի «Թղթե սպիտակ»: CES պատկերակը ֆիքսված, լողացող տարր է ստորին աջ անկյունում: Ընդհանուր ռիթմը պատկերասրահի նման է՝ յուրաքանչյուր բաժնում քիչ տարրեր, մեծ տառատեսակ, լայն տարածություններ և ապրանքի լուսանկար՝ որպես տեսողական կետադրություն տեքստային շերտերի միջև:

Պատկերները Custo փոստարկղի զուտ ապրանքային լուսանկարներ են, որոնք նկարահանվել են երեք ռեժիմով՝ լիամետրաժ դիմանկարներ մետաղական շրջանակի ֆոնին, կենսակերպի լուսանկարներ, որոնք ցույց են տալիս մարդու փոխազդեցությունը սարքի հետ, և սկանավորման ինտերֆեյսի և LED օղակի խոշորացված պլաններ: Բոլոր լուսանկարները կատարված են խլացված, բարձր կոնտրաստային երանգներով, իսկ փոստարկղի մատ սև ծածկույթը ծառայում է որպես տեսողական խարիսխ: Չկան նկարազարդումներ, աբստրակտ գրաֆիկա կամ արխիվային լուսանկարներ: Լուսանկարները տեղադրված են 8px շառավղով քարտերի վրա կամ օգտագործվում են լիաէկրան ռեժիմով՝ 57px լոգոյի հետևում: CES պատկերակը ամբողջ կայքում միակ բազմագույն պատկերն է:

Պալիտրա

Չեզոք

  • Canvas Gunmetal #9ea29f — Հիմնական և թեմատիկ բաժինների տաք մոխրագույն-կանաչ ֆոնը տարբերակում է Custo-ն ստանդարտ սպիտակ SaaS ձևանմուշներից և ավելի շատ նման է ճարտարապետական բետոնի, քան թվային մակերեսի։
  • Obsidian #000000 — Հիմնական տեքստ, բարակ եզրագծեր, պատկերակների գծեր՝ համակարգում ամենաբարձր կոնտրաստային թանաքը, որն օգտագործվում է վերնագրերի և կառուցվածքային բաժանարարների համար։
  • Paper White #ffffff — Մարմնի մասերի ֆոնային պատկերներ, շրջված տեքստ ատրճանակե մետաղական կտավի վրա, տեքստ ապրանքի լուսանկարի մուգ ֆոնի վրա։
  • Anodized Graphite #4b514d — Արտադրանքի լուսանկարման համար նախատեսված մուգ մակերեսը, լրացուցիչ վերնագրերը և եռաչափ տեքստը արտացոլում են փոստարկղի ձևավորումը, ուստի օգտագործողի ինտերֆեյսը և արտադրանքը պատրաստված են նույն նյութից։
  • Brushed Steel #8e9194 — Զուսպ հիմնական տեքստը, ցուցակի բաժանիչները և լրացուցիչ պատկերակների ուրվագծերը տեղակայված են Paper White-ի և Obsidian-ի միջև՝ ներկառուցված մետատվյալների և աննկատ հղումների համար։
  • Linen Mist #a7aaad — Վերնագրերի և բաժանարար գծերի եզրագծի և բաժանարար գծերի բաց գույնը նուրբ երանգ է, որը երբեք չի մրցակցում օբսիդիանե գույնի կառուցվածքային գծերի հետ։

Տպագրություն

15-ից մինչև 57px · 5 քայլ

  • PP Neue Montreal — փոխարինում: Inter · ուրվագծեր 400 (Medium) · Միաընտանիք տպագրական համակարգն օգտագործվում է ամեն ինչի համար՝ սկսած հիմնական տեքստից մինչև բացատրական տեքստ. երկրաչափական միատարրությունը կշռի մեջ է, որը խուսափում է երկրորդական կամ ցուցադրման համար հատուկ տառատեսակների օգտագործումից, ուստի 57px չափի «CUSTO®» բառային նշանը կարդացվում է որպես 15px ձևի մուտքագրման դաշտի պիտակի հետ նույն տպագրական ընտանիքին պատկանող։

Ժամանակահատվածներ և ձև

ՆպատակՆշանակություն
Խտությունընդարձակ
Հիմնական քայլ24px
Կոճակի շառավիղ31.35px (pill) for primary action; 8px for secondary
Քարտի շառավիղ8px
Ստվերներստվերների փոխարեն՝ առանց սահմանների
Բաժինների միջև110px
Էջի լայնությունը1280px

Արհեստական բանականությունը կկառուցի ձեր կայքը Custo ոճով և կլրացնի այն

  • Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
  • Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
  • Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
  • Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։

Նմանատիպ ոճեր

  • 099 SUPPLY — Պատկերասրահի պատը լի է սև ու սպիտակ առարկաներով
  • Specht Studio — Պատկերասրահի պատը լի է աննկատ հետաքրքրասիրությամբ: Ստուդիայի քրոմապատ մակերեսը սպիտակ է և սև տառերով. տեսողական հրավառությունն ամբողջությամբ կենտրոնացած է նախագծի սալիկապատման մեջ:
  • Structured — Վերածննդի պատկերասրահ պլաստիլինե թղթի վրա
  • Airbnb — Հանգիստ սպիտակ պատկերասրահի պատ՝ մեկ մարջանագույն կարմիր էջանիշով
  • VSCO — Պատկերասրահի միագույն պատը սև ու սպիտակ լուսանկարների ցուցահանդես է, որտեղ մեկ տաք լուսարձակը լուսավորում է հետևյալ գործողությունը։
  • Apple (España) — Թանգարանի պատկերասրահը, մեղմ ցերեկային լույսի ներքո, միասնական, գրավիչ, անկշիռ սպիտակ տարածք է, որտեղ յուրաքանչյուր ցուցանմուշ լուսավորված է թեթևակի երանգավորված պատի ֆոնին տեղադրված լուսարձակով։
  • Peak Design — Պատկերասրահի պատը, մասամբ լուսավորված
  • Apple (España) — Օբսիդիան պատկերասրահի ցուցափեղկը մութ ցուցասրահ է, որտեղ միակ տիտանից պատրաստված առարկան փայլում է խիտ սև ֆոնի վրա։
  • Apple (España) — սպիտակ պատկերասրահի ցուցափեղկ
  • teenage engineering — Արդյունաբերական կատալոգ ստուդիայի լուսավորության մեջ - ապրանքը էջի միակ նշանակալի օբյեկտն է, և մնացած ամեն ինչ քննարկվում է դրա շուրջ
  • Apple (España) — Պատկերասրահի պատուհանը առավոտյան մառախուղի մեջ
  • Apple (España) — Սպիտակ թանգարանի պատկերասրահը կեսօրին