
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 — Արևոտ ռետրո բուսաբանական օրացույց - կրեմագույն դեղին էջ, տպված մուգ կանաչ գույնով, կակտուսների նկարազարդումներով, որոնք ներկայացված են սուր, օֆսեթային ստվերներով:
- AI for Business — Բրուտալիստական խմբագրական ցուցասրահ տաք մոխրագույն երանգներով
- Superhuman — «Ոսկե ժամ» խմբագրական խորհուրդ
- Visitors — սպիտակ ինժեներական նկար
- Vercel — Տերմինալը տպված է սպիտակ թղթի վրա
- Jeton — Խմբագրական հոդված տաք մարմարի վրա ֆինտեխի մասին
- Say Briefly — Ստեղծագործական գործակալության ուրվագծերի տետր կրեմե թղթի վրա
- ClickUp — Սպիտակ մարմարի վրա հզոր վահանակ։ Էջը արտադրողականության գործիքի ապրանքային գրքույկ է, ուստի տեսողական լեզուն փոխառված է հենց ապրանքից՝ խիտ ցուցակներ, կարգավիճակի ցուցիչներ, ավատարների խմբեր և համարձակ տպագրական հայտարարություններ, որոնք նման են ցուցադրված ապրանքի տեխնիկական բնութագրին։