Foodnoms
Արևոտ մրգերի շուկա սպիտակ ճենապակի վրա - տաք նարինջներ, թարմ կանաչեղեն և ծավալուն կլորացված ձևեր
Foodnoms-ը սննդի հետևման համար առաջարկում է թեթև մարքեթինգային լեզու՝ մաքուր սպիտակ կտավ, մեծ չափերի հեռախոսների մակետներ՝ որպես տեսողական խարիսխներ, և խաղային գունային բառապաշար, որտեղ գույները ներկայացնում են սննդանյութեր և առաջընթաց: Երկգույն վերնագրի սխեման (մեկ գույն՝ բանալի բառի համար, մուգ գրաֆիտ՝ մնացածի համար) թույլ է տալիս արագ գնահատել արժեքի առաջարկը: Համակարգը հիմնված է մեկ օգտատիրոջ էկրանի վրա (Aquawax Pro)՝ հստակ կլորացված երկրաչափական առանձնահատկություններով, որոնք մեղմացնում են տվյալներով ծանրաբեռնված հավելվածների էկրանները: Մակերեսների մեծ մասը հարթ է և ստվերազուրկ. միատարր անկյունային շառավիղը կոճակներին, քարտերին և պիտակներին տալիս է բարեկամական, մեղմ զգացողություն, ինչը առողջության հետևումը դարձնում է ավելի մատչելի, քան կլինիկականը:
Էջն ունի մեկ սյունակ, կենտրոնացված, լրիվ լայնությամբ դասավորություն (մոտ 1200 պքսել)՝ առատ ուղղահայաց ռիթմով: Վերնագիրը բարակ վերին գոտի է՝ ձախ կողմում լոգոտիպով, կենտրոնում՝ նավիգացիա, իսկ աջ կողմում՝ լցված նարնջագույն գործողության կոճակ: Հերոսի բաժինը կենտրոնացված կույտ է՝ երկգույն վերնագիր, մեկ տողանի ենթավերնագիր, App Store պատկերակ, ապա լայնությամբ տարածված 3-5 հեռախոսի մակետների շարք: Հերոսի բաժնի տակ գտնվում է կենտրոնում գտնվող «Ինչպես խորհուրդ է տրվում» մամուլի լոգոյի բաժինը՝ 2x3 ցանցում: Հատկանիշների բաժինները հետևում են կրկնվող նախշին՝ երկսյունակ տեքստ + հեռախոսի մակետ, հերթագայող կողմերով, նարնջագույն/կանաչ գույներով շեշտադրվող բաժինների վերնագրերով: Ստորին մասից առաջ վերջին տարրը լրիվ լայնությամբ ներբեռնվող կոչի կոչի քարտ է: Բաժինների միջև ընկած տարածությունները առատ են (96 պքսել), ստեղծելով ընդարձակ, պատկերասրահի նման զգացողություն: Նավիգացիան մինիմալիստական վերին գոտի է՝ առանց կողային գոտու կամ մեգա մենյուի:
Հավելվածի տեսողական լեզուն գերակշռում են բարձրորակ iPhone շրջանակի մակետները, որոնք ցուցադրում են հավելվածի աշխատանքային ինտերֆեյսը. սրանք հիմնական տարրերն են, այլ ոչ թե արխիվային լուսանկարները: Մակետները ցուցադրվում են գրեթե լիակատար թափանցիկությամբ, տարածվում են թեթևակի համընկնմամբ և հարթ պտույտով, և տեղադրված են անմիջապես սպիտակ ֆոնի վրա: Մակետների ներսում տեսողական բաղադրիչը տրամադրվում է հավելվածի սեփական ինտերֆեյսի կողմից՝ սննդային տեղեկատվություն, ապրանքի լուսանկարներ, մակրո օղակներ և գունագեղ կատեգորիայի պիտակներ: Միակ լուսանկարչական բովանդակությունը օգտատիրոջ կողմից ներկայացված սննդի պատկերներն են, որոնք տեսանելի են Scan Your Food հավելվածի տեսախցիկի էկրանին: Չկան ապրելակերպի լուսանկարներ, աբստրակտ նկարազարդումներ, դեկորատիվ գրաֆիկա: Բրենդինգը ամբողջությամբ սահմանվում է հատուկ տառատեսակով, նարնջագույն/կանաչ/մուգ գունային սխեմայով և հավելվածի սեփական ինտերֆեյսով:
Պալիտրա
Բրենդ
- Ember Orange
#ff5406— Նարնջագույնը օգտագործվում է որպես երկրորդական շեշտադրում՝ դեկորատիվ մանրամասների և հազվադեպ հանդիպող ազդանշանները ընդգծելու համար։ Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն։
Չեզոք
- Graphite
#2f2f2f— Հիմնական տեքստ, մուգ կոճակներ (App Store-ի պատկերակ) և պատկերակների ուրվագծեր: Վերնագրերում և հիմնական տեքստում գերակշռող ոչ սպիտակ գույն: - Verdant Green
#00b33f— Կանաչ գույնը ծառայում է որպես լրացուցիչ շեշտադրում դեկորատիվ մանրամասների համար և ընդգծում է ցածր հաճախականությունները։ - Signal Red-Orange
#ff3400— Երկրորդական տաք շեշտադրում, որը տեսանելի է հավելվածի էկրանի ինտերֆեյսի տարրերում և դրան առնչվող ապրանքանիշերում: Մեկ տոնով ավելի տաք է, քան Ember Orange-ը, այն ընդգծում է ընտրված կամ ակտիվ հավելվածի վիճակները: - Sky Blue
#00a9dd— Հաճելի հակադրություն է հավելվածի ներքին տվյալների կատեգորիաների (ածխաջրեր/սպիտակուցներ/այլ սննդարար խմբեր): Հավասարակշռում է հեռախոսի դասավորության տաք, գերիշխող գունային պալիտրա: - Mist Blue
#72a2c5— Խլացված սառը շեշտադրում - Մեղմացնում է երկնագույն գույնը՝ հավելվածում լրացուցիչ տվյալների պիտակների և գծապատկերների ֆոնի համար։ - Sunset Orange
#ff6d00— Ջերմ շեշտադրում երկրորդական վերնագրերի և մարքեթինգային էջերում ընդգծված տեքստի համար։
Տպագրություն
12-ից մինչև 60px · 7 քայլ
- Aquawax Pro Medium — փոխարինում: Inter · ուրվագծեր 500 · Aquawax Pro Medium - Գտնվում է արդյունահանված տվյալներում, բայց չի նկարագրվում արհեստական բանականության կողմից։
- Aquawax Pro — փոխարինում: Nunito Sans · ուրվագծեր 700, 500, 600 · Բոլոր համատեքստերում, այդ թվում՝ վերնագրերում և հիմնական տեքստում օգտագործվող հիմնական ապրանքանիշի տառատեսակը: Այս հատուկ նախագծված տառատեսակն առանձնանում է տառերի լայն բարձրությամբ, կլորացված երկրաչափական ձևերով և հարմարավետ համամասնություններով: Bold (700)-ը օգտագործվում է վերնագրերի և բաժինների՝ համակարգի տպագրական նշանակության նշանների համար: Semibold (600)-ը օգտագործվում է ենթավերնագրերի և կոճակների պիտակների համար՝ 14–1.8 մմ երկարությամբ: Medium (500)-ը օգտագործվում է հիմնական տեքստի համար՝ 17–1.8 մմ երկարությամբ, հարմարավետ ընթերցման համար բավարար տողային միջակայքով՝ 1.6–1.8 մմ:
- System sans-serif — փոխարինում: Inter · ուրվագծեր 400, 700 · Օգտատիրոջ ինտերֆեյսում շատ փոքր տեքստի և պատկերակի տեքստի համար օգտագործվում է պահեստային տարբերակ: Aquawax Pro-ն չի օգտագործվում միկրո չափերի դեպքում. համակարգի տառատեսակը մշակում է դրանք՝ մատուցման քաշը նվազեցնելու համար:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | ընդարձակ |
| Հիմնական քայլ | 20px |
| Կոճակի շառավիղ | 26px |
| Քարտի շառավիղ | 26px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 96px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Foodnoms ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Slite — Տաք մագաղաթե տետր՝ թրծակավե բռնակով. յուրաքանչյուր մակերես կրեմագույն թղթից է, յուրաքանչյուր շեշտադրում՝ նարնջի նուրբ շեշտադրում։
- Adora — Իմպրեսիոնիզմի թանգարանը՝ սառցե ապակու հետևում
- Bento — Արևի լույսով լուսավորված լինոլեումի վրա բենտո ճաշի տուփ։ Կլոր, կպչուն պիտակների նմանվող քարտերի ցանց՝ լայմի, նարդոսի, կոբալտի և բորդո գույներով, որոնցից յուրաքանչյուրը ուրվագծված է հաստ սև թանաքով, ընկած է տաք, կրեմագույն կտավատի վրա՝ համարձակ, երկրաչափական վերնագրի տակ։
- Payments — Վառ ցիտրուսային երանգ՝ թագավորական մանուշակագույնի ֆոնի վրա: Մուգ էլեկտրական մանուշակագույնը հիշեցնում է գիշերային երկինքը, մինչդեռ կիտրոնի դեղին երանգները փայլում են ինչպես թարմ ցիտրուսային կեղև՝ մաքուր սպիտակ մակերեսի վրա:
- Textla — Արևոտ ռետրո բուսաբանական օրացույց - կրեմագույն դեղին էջ, տպված մուգ կանաչ գույնով, կակտուսների նկարազարդումներով, որոնք ներկայացված են սուր, օֆսեթային ստվերներով:
- Avoice — Կեսգիշերային նկարների վրա կրաքարի կանաչի մի փոքր երանգ։ Ստեղծեք բաց, փաստաթղթանման էջի հատվածներ գրեթե սև արտադրության քայլերի շուրջ, այնուհետև օգտագործեք վառ կրաքարի կանաչը որպես տեսանելի ազդանշան փոխակերպումների, ընտրությունների և ճարտարապետական նշումների համար։
- Bee — Արևոտ, մեղրագույն դեղին թալիսման։ Ստեղծեք յուրաքանչյուր էկրան որպես շոշափելի խմբագրական տարածում. դաստակի վրա կրվող ապրանքների մտերիմ պատկերներ, շրջանակված առատաձեռն կլորացված շրջանակներով, դեղին կամ բաց չեզոք ֆոնի վրա համարձակ, գրեթե սև տառատեսակների հետ միասին։
- HEY — Արևի լույսով լուսավորված տառեր սեղանի վրա: Սպիտակ կոր վահանակներ, թղթանման ֆոն և ձեռագիր նշումներ տեղադրված են մեղմ մանուշակագույն-սաղմոնի գույնի գրադիենտների վերևում:
- AI for Business — Բրուտալիստական խմբագրական ցուցասրահ տաք մոխրագույն երանգներով
- Superhuman — «Ոսկե ժամ» խմբագրական խորհուրդ
- Visitors — սպիտակ ինժեներական նկար
- Vercel — Տերմինալը տպված է սպիտակ թղթի վրա