FRANKY'S
Ռետրո խաղային տաղավար սքեյթբորդ խանութի վաճառասեղանին
Ֆրենկիի տեսողական լեզուն ռետրո արկադային և սքեյթբորդ խանութի համադրություն է. տաք կրեմագույն կտավ (#f3e5df)՝ շրջանակված կոշտ պիքսելային սահմաններով, ամենուրեք հանդիպող սև-սպիտակ շախմատային տախտակ և կայքում յուրաքանչյուր բառի համար օգտագործվող մեկ պիքսելային տառատեսակ՝ Arcade: Պալիտրան միտումնավոր նոսր է՝ մնացել են միայն երկու քրոմատիկ գույներ (նշանի համար՝ #faa21f, իսկ գնման կոճակի համար՝ հարուստ կանաչ՝ #128e44), որտեղ ամբողջ հիերարխիան արտահայտվում է Arcade տառատեսակի կշիռը 400-ից 700-ի բարձրացնելով և կրեմագույն ֆոնի վրա սև օգտագործելով: Մակերեսները մնում են հարթ և մոնոլիտ. խորությունը ձեռք է բերվում միայն կոճակների վրա տեղադրված 1px կրեմագույն գծի և շախմատային տախտակի տոնային խաղի միջոցով: Բաղադրիչները հիշեցնում են 1990-ականների խանութի ցուցափեղկերի սփրայթները՝ հաստ սև սահմաններ, 6-12px ամուր սահմանային շառավղ, կոմպակտ 4-8px լրացում և 3D/AR անջատիչներ, որոնք նման են պիքսելավորված պատկերակների, այլ ոչ թե քրոմի տարրերի: Նոր էջերը նախատեսված են արկադային մթնոլորտը պահպանելու համար. գրադիենտներ չկան, բացի նարնջագույն գլորվող տեքստից, մեղմ ստվերներ չկան, դեկորատիվ տպագրություն չկա՝ միայն կրեմագույն թուղթ, սև պիքսելավորված գծեր և մեկ տաք նարնջագույն գույն։
Համակարգչային համակարգչում ապրանքի էջը ցուցադրվում է լիալայնությամբ, կենտրոնացված դասավորությամբ՝ առավելագույնը 1200px լայնությամբ: Վերևից ներքև ռիթմը հետևյալն է՝ նարնջագույն գլորվող տեքստ → կրեմագույն վերնագիր՝ սև գծով → երկսյունակ բաժանում (գլխավոր էջի շախմատային տախտակը՝ 55% / ապրանքի քարտերի երկսյունակ ցանցը՝ 45%) → կրեմագույն շերտ ստորին էջում: Բջջային համակարգում գլխավոր էջը ծալվում է՝ վերածվելով լիալայնությամբ շախմատային տախտակի, և ցանցը դառնում է միասյունակ դասավորություն: Քարտերը հավասարաչափ բաշխված են երկսյունակ ցանցում՝ մոխրագույն Pixel (#e5e7eb) բաժանիչներով: Բաժինների միջև հեռավորությունը նվազագույն է (43–61px), և ինտերֆեյսը երբեք չի օգտագործում մուգ շերտեր, որոնք ընդգրկում են էջի ամբողջ լայնությունը. կրեմագույն կտավը ցուցադրվում է առանց ընդհատումների:
Գլխարկների լուսանկար մաքուր կրեմագույն ֆոնի վրա, կենտրոնացված և խիտ կտրված, ներքևում՝ մեղմ, ածխագույն սև ստվերով: Ոչ մի կենսակերպ, ոչ մի մոդել, ոչ մի համատեքստ. գլխարկը աստղն է: Հիմնական տարրի հետևում գտնվող շախմատային տախտակի նախշը ծառայում է որպես գրաֆիկական մակերես: Ոչ մի նկարազարդում, ոչ մի 3D ռենդերինգ, բացառությամբ լրացված իրականության անջատիչի, ոչ մի դեկորատիվ պատկերակ, բացառությամբ լոգոյի պիքսելավորված խաչի:
Պալիտրա
Բրենդ
- Marquee Orange
#faa21f— Էկրանի վերևի մասում գտնվող ծանուցումների գոտի, շեշտադրման տարրեր, ապրանքանիշ։ - Buy Green
#128e44— «Ավելացնել զամբյուղում» կոճակը լրացված է՝ կանաչ գույնով նշված միակ գնման գործողությունը։
Չեզոք
- Arcade Cream
#f3e5df— Էջի ֆոն, ապրանքի քարտի մակերեսներ, կոճակների ներդիրներ։ - Ink Black
#000000— Հիմնական տեքստ, շախմատի տախտակի դասավորություն, բոլոր UI եզրագծեր, քարտի ուրվագծեր, պատկերակների եզրագծեր։ - Pixel Gray
#e5e7eb— Բարակ եզրագծեր, քարտերի բաժանիչներ, ցանցային բջիջների միջև կառուցվածքային կանոններ։ - Charcoal
#333333— Երկրորդային մակերեսային երանգ, շախմատի տախտակի ստվերային քառակուսիներ, ստվերի գույն - Carbon
#151515— Հարուստ չեզոք երանգներ՝ լցոնող նկարազարդումների և ամենախիտ շախմատային տախտակի սալիկների համար։ - Muted Gray
#737373— Կոճակների և տեքստի վրա տեքստը անջատված/անջատված է
Տպագրություն
10-ից մինչև 18px · 4 քայլ
- Arcade — փոխարինում: VT323 · ուրվագծեր 400, 700 · Ինտերֆեյսում օգտագործվում է մեկ տառատեսակ՝ բոլոր վերնագրերը, պիտակները, գները, կոճակները, հիմնական տեքստը և պատկերակները գտնվում են Arcade-ում: 400-ից 700 անցումը հիերարխիա ստեղծելու միակ գործիքն է. երկրորդ տառատեսակի օգտագործումը կփչացներ տաղավարի պատրանքը:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 4-8px |
| Կոճակի շառավիղ | 6px |
| Քարտի շառավիղ | 12px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 43-61px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը FRANKY'S ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- 099 SUPPLY — Պատկերասրահի պատը լի է սև ու սպիտակ առարկաներով
- teenage engineering — Արդյունաբերական կատալոգ ստուդիայի լուսավորության մեջ - ապրանքը էջի միակ նշանակալի օբյեկտն է, և մնացած ամեն ինչ քննարկվում է դրա շուրջ
- Custo — Մետաղական գույնի պատկերասրահ՝ մոնոլիտ տառատեսակով։ Ցուցասրահ՝ խլացված մոխրագույն-կանաչ երանգներով, որտեղ մեկ մուգ առարկան և 57px տառատեսակը խոսում են իրենց մասին։
- Walden — Անտառային հատակի լռությունը՝ յուրաքանչյուր ապրանք քար է, յուրաքանչյուր պիքսել՝ մամուռ և լռություն
- Fiverr — Թվային շուկայի կենտրոնական կետը վառ կանաչ զարկերակն է մութ թատրոնի բեմերի ֆոնի վրա: Մեկ նեոնային կանաչ կետը ծառայում է որպես լոգոտիպի խարիսխ, մնացածը մոնոխրոմ է, որը նախատեսված է առաջարկվող ծառայությունների գրավչությունն ընդգծելու համար:
- Peloton — Կարմիր փարոս՝ մութ ու ձյունաճերմակ թռիչքուղու վրա։ Ֆիթնես սրահ, որտեղ վառ կարմիր CTA ցուցանակը կտրում է հսկայական, մութ ցուցասրահը և տանում դեպի մաքուր, սպիտակ ապրանքների սրահներ։
- HOUSEPLANT — գրախանութ՝ կտավատի թղթի վրա ընկույզներով
- Adam Lippes — Միագույն խմբագրական ստուդիա կրեմագույն թղթի վրա՝ Vogue-ի ոճի էջ, որտեղ միակ զարդարանքը դասավորության ցանցն է, այլ ոչ թե գունային պալիտրան։
- Elektron — Կեսգիշերին սարքավորումների կառավարման վահանակը գրեթե սև կտավ է, որտեղ փայլում են արտադրանքի լուսանկարները, մինչդեռ ինտերֆեյսը մնում է գործնականում անտեսանելի։
- Sigmaphoto — Մոնոխրոմ ճշգրիտ գործիքների պատկերասրահը լուռ սպիտակ սենյակ է, որտեղ միակ կարևոր գույնը այն է, որը կոչ է անում ձեզ գործողության։
- Channel Studio — Ստուդիական լուսանկարչական լաբորատորիա մեկ մարջանագույն լամպի վարագույրով
- Specht Studio — Պատկերասրահի պատը լի է աննկատ հետաքրքրասիրությամբ: Ստուդիայի քրոմապատ մակերեսը սպիտակ է և սև տառերով. տեսողական հրավառությունն ամբողջությամբ կենտրոնացած է նախագծի սալիկապատման մեջ: