Wise
Խորը մամուռ՝ կրաքարային լարվածությամբ։ Կրաքարային կայծեր գրեթե սև անտառի հատակին, և հսկայական, անկյունային պատկերները ազդարարում են յուրաքանչյուր շարժում։
Wise տառատեսակը խոսում է վստահ, մի փոքր բարձր ձայնով. մուգ անտառային կանաչը (#163300) զբաղեցնում է մակերեսի մեծ մասը՝ տեքստը, նավիգացիան, մուգ հատվածները, պատկերակները, մինչդեռ մեկ վառ կանաչը (#9fe870) ծառայում է որպես ֆունկցիոնալ կետադրություն գործողության կոչերի, ակտիվ ներդիրների և հիմնական տարրերի վրա: Տառատեսակը գրեթե ագրեսիվ է. Wise Sans-ը՝ 900 տողի խտությամբ, խիտ դասավորվածությամբ, առանձնանում է մեծ տառերով (100px+) գլխավոր էկրանին: Համակարգի մնացած մասը մնում է աննկատ՝ սպիտակավուն կտավի վրա՝ մեղմ մոխրագույն մակերեսներով (#e8ebe6): Բաղադրիչները լռելյայնորեն հաբի ձև ունեն՝ կոճակներ, նավիգացիոն հատվածներ, նշատուփերի մանրապատկերներ, պատկերի դիմակներ՝ փոքր շառավղով (10px)՝ քարտերի և մուտքագրման դաշտերի համար: Գունային գրադիենտները հազվադեպ են. փոխարենը, սալամանդրի և անտառային կանաչի համադրությունը սահուն փոխվում է հատվածների մգանալուն զուգընթաց՝ ստեղծելով ռիթմ առանց ավելորդ զարդարանքի:
Առավելագույնը 1200px լայնությամբ կոնտեյներ, կենտրոնացված, վերին և մուգ հատվածներով, որոնք ընդգրկում են էջի ամբողջ լայնությունը: Վերնագրի դասավորությունը ներառում է սպիտակ ֆոնի վրա գտնվող զանգվածեղ, կենտրոնացված վերնագիր, մեծ նկարազարդմամբ (գլոբուս), որը տարածվում է դիտման պատուհանի ներքևի եզրից այն կողմ: Բաժինների ռիթմը հերթագայում է սպիտակ, բաց կանաչ և «անտառային թանաքով» մուգ հատվածի միջև՝ ստեղծելով բնական գունային ռիթմ: Բովանդակության դասավորությունը հիմնականում կենտրոնացված է. տեքստի և պատկերների բլոկներ վերևում երկու սյունակներում, կամ տողեր՝ հիմնական տարրերով երեք սյունակներում՝ երկրորդական բաժիններում: Երկրների ցանկը ցուցադրելու համար օգտագործվում է դրոշներով հինգ սյունակ ցանց: Նավիգացիան մեկ, ֆիքսված վերին գոտի է՝ հատվածավորված անջատիչով: QR կոդը մնում է ֆիքսված ներքևի աջ անկյունում՝ բոլոր ոլորման դիրքերում:
Ոսկե մետաղադրամներով գլոբուս պատկերող եռաչափ նկարազարդումները ստեղծում են ապրանքանիշի տեսողական աշխարհը՝ շոշափելի, մի փոքր սյուրռեալիստական, կատարված մեղմ գրադիենտներով և տաք լուսավորությամբ: Լուսանկարչությունը մինիմալիստական է. օգտագործման դեպքում այն բարձր տոնայնություն և անփույթ է: Ազգային դրոշները ներկայացված են որպես շրջանաձև մանրապատկերներ հինգ սյունականոց ցանցում. միակ «խորհրդանշական» համակարգը ազգային ինքնությունն է: Ոչ մի աբստրակտ գրաֆիկական տարր, ոչ մի ստանդարտ ձևանմուշ: Գլոբուսը և մետաղադրամները թալիսմանի կրկնվող մոտիվ են, որոնք ազդարարում են համաշխարհային հասանելիությունը մեկ, տաք, լավատեսական առարկայի միջոցով, այլ ոչ թե մոնտաժի:
Պալիտրա
Բրենդ
- Forest Ink
#163300— Բրենդի գերիշխող մուգ ոճը՝ նավիգացիոն տեքստ, մուգ հատվածների ֆոն, բաց մակերեսների վրա տեքստ, պատկերակների ուրվագծեր և լցված նավիգացիոն տարրեր, հենց այն է, ինչը որոշում է դրա ուժը. որտեղ պահանջվում է կշիռ կամ հեղինակություն, դուք ընտրում եք Forest Ink-ը։ - Lime Voltage
#9fe870— Կանաչը օգտագործվում է որպես երկրորդական շեշտադրում՝ դեկորատիվ մանրամասների համար և ավելի քիչ օգտագործվող որոնման հարցումները ընդգծելու համար։ Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն։ - Spruce
#054d28— Երկրորդային մուգ կանաչը օգտագործվում է քարտի մակերեսների, մանր պատկերագրության համար և մուգ հատվածներին խորություն հաղորդելու համար, որտեղ Forest Ink-ը չափազանց հագեցած է։
Չեզոք
- Linen Mist
#e2f6d5— Բաց կանաչ երանգ՝ մակերեսների վրա մեղմ լուսավորման, գունավորված քարտերի ֆոնի և նավիգացիոն վահանակների վրա մկնիկի կախիչի դիրքերի համար: Ֆիրմային կանաչի նուրբ երանգ՝ տարայի դիզայնի աննկատ տարրերի համար: - Signal Blue
#0b4c72— Կապույտ գույնը ծառայում է որպես լրացուցիչ շեշտադրում դեկորատիվ մանրամասների համար և ընդգծում է ցածր հաճախականությունները։ - Alarm Red
#cb272f— Կարմիրը ծառայում է որպես դեկորատիվ մանրամասների օժանդակ շեշտադրում և անսովոր գույները ընդգծելու համար։ Օգտագործեք այն որպես օժանդակ շեշտադրում, այլ ոչ թե որպես կարգավիճակի գույն։ - Charcoal
#454745— Հիմնական տեքստ, հիմնական տեքստ, հարուստ ինտերֆեյս՝ մի փոքր տաք սև, որն ավելի մեղմ է թվում, քան սպիտակ ֆոնի վրա մաքուր #000-ը։ - Obsidian
#0e0f0c— Վերնագրեր, բարձր կոնտրաստի վերնագրեր, մաքուր սև տարրեր նավիգացիայի և գլխավոր ցանկի մեջ: Սև՝ թեթևակի կանաչավուն երանգով, ոչ թե չեզոք մոխրագույն: - Pebble
#868685— Նվազեցված երկրորդային տեքստ, տեղապահ տեքստ, պատկերակների ուրվագծեր և մուտքագրման դաշտերի սահմաններ: Միջին մոխրագույն, նահանջում է հեռավորության մեջ:
Տպագրություն
12-ից մինչև 105px · 10 քայլ
- Inter — փոխարինում: Inter (native Google Fonts) · ուրվագծեր 400,500,600,700 · Հիմնական տեքստը, օգտագործողի ինտերֆեյսը, մակագրությունները և ենթավերնագրերը ամբողջ արտադրանքի մեջ: Միջին մակարդակի վերնագրերի համար (36–45px) օգտագործվում է 700 կշռող տառատեսակ, ենթավերնագրերի և մակագրությունների համար՝ 500–600, իսկ հիմնական տեքստի և մակագրությունների համար՝ 400: Inter-ը ապահովում է ավելի նուրբ տեսք, մինչդեռ Wise Sans-ը՝ ավելի համարձակ տեսք:
- Wise Sans — փոխարինում: Inter Black (900) with -0.04em tracking · ուրվագծեր 900 · Վերնագրերը ապրանքանիշի այցեքարտն են: Գերխիտ 900 տառատեսակը՝ 89–105px բարձրությամբ և տառերի միջև փոքր հեռավորությամբ, յուրաքանչյուր վերնագիրը վերածում է թավշյա, համարձակ գովազդի: Դրանք օգտագործվում են խնայողաբար՝ որպես հիմնական տեքստ, բաժինների վերնագրերի և արշավի հիմնական հատվածների համար:
- monospace — փոխարինում: Inter · ուրվագծեր 400 · մոնոսպակային - հայտնաբերված է արդյունահանված տվյալներում, բայց չի նկարագրվում արհեստական բանականության կողմից։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8-12px |
| Կոճակի շառավիղ | 9999px |
| Քարտի շառավիղ | 10px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 64-80px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Wise ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Integrated Biosciences — Կենսալուսարձակման լաբորատորիա կեսգիշերին
- Huly — Հյուսիսային լույսեր կեսգիշերային աստղադիտարանում. գլխավոր հերոսը մանուշակագույնի ուղղահայաց ճառագայթ է, որը մարջանի է վերածվում, և դրա տակ գտնվող յուրաքանչյուր հանգիստ հատված փոխառում է նույն երկերանգ պատմությունը, որը պատմվում է ավելի մեղմ տոնով։
- Dia Browser — Մութ սենյակի պատկերասրահը միաձուլվում է խմբագրական թերթի հետ։ Խավարի մեջ գտնվող տեսարանը բացահայտում է արևի լույսով լուսավորված թերթի մի էջ, որի յուրաքանչյուր բաժինը նշված է մեկ շերիֆային վերնագրով։
- Mintlify — Ամպերի այգի՝ ապակե սեղանի վերևում։ Ձեռքով նկարված երկինքը և վավերագրական ֆիլմը միահյուսված են՝ միակ վայրը, որտեղ գույնն ու հայեցակարգը բախվում են, նախքան էջը վանական սպիտակի մեջ կմտնի։
- Gleap — Աշխատանքային տարածք, որը զարդարված է տաք կրեմի երանգներով և գրաֆիտային շեշտադրումներով. ստուդիա, որտեղ սև, անփայլ թանաքի կետերը, կարծես, լողում են կտավատի ճարտարապետության վերևում։
- ClickUp — Սպիտակ մարմարի վրա հզոր վահանակ։ Էջը արտադրողականության գործիքի ապրանքային գրքույկ է, ուստի տեսողական լեզուն փոխառված է հենց ապրանքից՝ խիտ ցուցակներ, կարգավիճակի ցուցիչներ, ավատարների խմբեր և համարձակ տպագրական հայտարարություններ, որոնք նման են ցուցադրված ապրանքի տեխնիկական բնութագրին։
- monday — Սպիտակ արհեստանոց՝ պաստելային պիտակներով
- Portal — Twilight Serif Editorial - Բարձրակարգ հրատարակություն անկախ ամսագրում, որը մշակված է iOS ոճով։
- Slack — Բեմը սմբուկի գույնի է՝ սպիտակ լուսարձակներով։ Մութ հատվածներում գերիշխում է խորը սալորագույնը, մինչդեռ սպիտակավուն կտավը թույլ է տալիս մեծ, ավանգարդ ոճի վերնագրերին ազատորեն շնչել։
- Base44 — Արևի լույսով լուսավորված տետր՝ լայմի մարկերով
- Letters — Առավոտյան հանդիպում բացօթյա կլինիկայում՝ ստերիլ սպիտակ սեղան՝ փափուկ կապույտ առաստաղի տակ, որը լի էր վիրաբուժական կապույտ գործիքներով
- Duolingo — Կանաչ խաղահրապարակ՝ հաստ նշագծերով