Monad
խմբագրական տեխնիկական ամսագիր տաք մագաղաթի վրա
Monad-ը իր ամբողջ ինտերֆեյսը ցուցադրում է տաք մագաղաթյա կտավի վրա (#f6f3f1), որն անմիջապես տարբերակում է այն սովորական մաքուր սպիտակ SaaS ձևանմուշից: Վերնագրերն ունեն խմբագրական կշիռ և տեղադրված են Untitled Serif-ով՝ 400 կշռող տառատեսակով՝ երբեք թավատառ, մինչդեռ բոլոր տեքստային տեքստերը, նավիգացիոն և UI տարրերը տեղադրված են ABC Diatype Mono-ով՝ կայքին տալով գրական ամսագրի համար նախատեսված տեխնիկական ձեռնարկի տպագրված հյուսվածք: Միակ վառ կապույտը (Lake) ապահովում է հիմնական գործողությունների միակ քրոմատիկ շեշտադրումը. մնացած ամեն ինչ պահվում է տաք մոխրագույն պալիտրա մեջ, ուստի մանուշակագույն քարտի մակերեսը (#cfdaf5) և փափուկ պաստելային գրադիենտային անցումները (մարջանագույն, երկնագույն, անանուխ, ոսկեգույն) ավելի շատ նման են միտումնավոր կետադրության, քան աղմուկի: Բաղադրիչները հիմնված են նուրբ եզրագծերի և հաբերի տարաների վրա, այլ ոչ թե ստվերների, և ռիթմը պահպանվում է հանգիստ և ընդարձակ՝ քարտանման խորշերի և բաժինների միջև ուղղահայաց մեծ տարածքի շնորհիվ:
Տեսողական լեզուն հիմնված է մշակված տվյալների խողովակաշարի դիագրամի վրա. հաբի ձև ունեցող հանգույցներ, որոնք ուրվագծված են բարակ կոր գծերով, յուրաքանչյուր հանգույցի ներսում փոքր պատկերակներով, որոնք ներկայացնում են տվյալների աղբյուրները (ցանկացած աղբյուր, ամպային գրանցամատյաններ, խոցելիություններ) և նպատակակետերը (SIEM, ամպային պահեստ, տվյալների լիճ): Դիագրամը կենտրոնում օգտագործում է մեղմ կանաչ ճառագայթային փայլ՝ տվյալների նորմալացումը ընդգծելու համար: Գրադիենտային մթնոլորտային երանգները (մարջան → Երկնագույն, Երկնագույն → Մեղրագույն) ուժեղ մշուշոտ ֆիլտրերով ստեղծում են մեղմ գունային հալոներ հիմնական և ֆունկցիոնալ բովանդակության հետևում: Գործընկերների լոգոները ցուցադրվում են մեկ շարքով՝ ընդգծելով սոցիալական ազդեցությունը: «Տվյալների փոխակերպումները ընթացքի մեջ» քարտը ներկայացնում է մեծ գրադիենտային նկարազարդում՝ համընկնող կիսաթափանցիկ երկրաչափական ձևերով: Լուսանկարներ չեն օգտագործվում. ապրանքանիշը տեղեկատվությունը հաղորդում է բացառապես տպագրության, դիագրամների և գունային սխեմաների միջոցով:
Պալիտրա
Բրենդ
- Parchment
#f6f3f1— Էջի կտավը և մակերեսի լցման մեծ մասը՝ այս տաք, կրեմագույն երանգը, ապրանքանիշի բնորոշ գույնն է, որն անմիջապես տարբերակում է կայքը սպիտակ SaaS ձևանմուշներից։ - Lake Blue
#2b59d1— Մանուշակագույնը օգտագործվում է ֆոնը ընդգծելու, դեկորատիվ շերտերը ընդգծելու և բովանդակության հետևում նուրբ շեշտադրում կատարելու համար։ Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն։
Չեզոք
- Off-Black
#242424— Բարձր կոնտրաստային չեզոք լցոնում բաց մակերեսների վրա գտնվող հիմնական կոճակների համար։ - Periwinkle Mist
#cfdaf5— Հանգիստ ինտերֆեյս անջատված կառավարման համակարգերի, ցածր շեշտադրմամբ վահանակների և տեղապահ բլոկների համար։ - Sky Blue
#a0b5eb— Դեկորատիվ գրադիենտի կանգառ - Հայտնվում է խողովակաշարային դիագրամի մթնոլորտային լցոնումներում և հոսքի գծերում, երբեք չի օգտագործվում որպես UI լցոնում: - Mint
#a7fccd— Երկրորդական գունային պալիտրա փոքր դեկորատիվ շեշտադրումների համար, երբ հիմնական գունային պալիտրաը հակադրության կարիք ունի։ - Coral
#ff9473— Երկրորդական գունային պալիտրա փոքր դեկորատիվ շեշտադրումների համար, երբ հիմնական գունային պալիտրաը հակադրության կարիք ունի։ - Gold
#ecda98— Դեկորատիվ գրադիենտային կետը տաք շեշտադրում է գրադիենտային անցումներում, որը երբեք չի օգտագործվում ֆունկցիոնալ օգտագործողի ինտերֆեյսներում։
Տպագրություն
12-ից մինչև 80px · 10 քայլ
- ABC Diatype Mono — փոխարինում: JetBrains Mono · ուրվագծեր 400, 500 · Հիմնական տեքստը, նավիգացիան, կոճակները, պատկերակները, պիտակները և UI ԱՄԲՈՂՋ տեքստը: Բոլոր ֆունկցիոնալ տարրերի վրա տեղադրված միատարր տառատեսակը ինտերֆեյսին տալիս է տեխնիկական ձեռնարկի տպավորություն. 16-20px չափի հիմնական տեքստը ընկալվում է որպես տվյալ, այլ ոչ թե մարքեթինգային տեղեկատվություն: Նավիգացիոն պիտակներն ու պատկերակները օգտագործում են 18px տառատեսակ՝ ավելի ճշգրիտ տառային հեռավորությամբ. ավելի փոքր տառատեսակները և մետատեքստը՝ 12px տառատեսակ՝ միայն մեծատառերով: 500px տառատեսակի չափը նախատեսված է UI-ի աչքի ընկնող տարրերի համար:
- Untitled Serif — փոխարինում: Times New Roman · ուրվագծեր 400 · Միայն վերնագրերի և ենթավերնագրերի համար՝ օգտագործվում է 80px (հիմնական տեքստ), 48px (բաժին), 40px և 32px (ենթաբաժիններ) և 24px (նկարագրության քարտի վերնագրեր): Տառատեսակի քաշը ֆիքսված է 400-ի վրա բոլոր չափերի համար. serif տառատեսակի բնական հակադրությունը և -0.02em տառային հեռավորությունը ապահովում են հիմնական շեշտադրումը՝ թավատառի փոխարեն: Սա խմբագրական ոճն է. վերնագրերը շշնջում են տպագրական նրբագեղությամբ, այլ ոչ թե գոռում են ծանրությամբ:
- Untitled Sans — փոխարինում: Inter · ուրվագծեր 400 · Անանուն Sans տառատեսակ՝ գտնվել է արդյունահանված տվյալներում, բայց չի նկարագրվել արհեստական բանականության կողմից։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | միջին |
| Հիմնական քայլ | 16px |
| Կոճակի շառավիղ | 100px |
| Քարտի շառավիղ | 40px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 64px |
| Էջի լայնությունը | 1432px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Monad ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- ElevenLabs — Լուսանկարչական ակնարկ տաք կրեմագույն երանգներով՝ նուրբ վերնագրերով: Բաուհաուսի ոճի տետր՝ ձվի կճեպի գույնի թուղթ, սև թանաք և մեկ մանուշակագույն ու նարնջագույն շեշտադրում ապրանքի ցուցադրման համար:
- Awesomic — Խմբագրական ցինկե ցանց՝ կոնֆետի հիշեցնող նարնջագույն կետադրական նշաններով
- Dub — Link-ի մատ բրնձե թղթի կառավարման վահանակ
- Seline Analytics — Հանգիստ վերլուծական սեղան տաք թղթի վրա
- Notion — Տաք թղթե տետր կեսօրվա արևի տակ
- Anthropic — Գիտական դաշտային ամսագիր տաք մագաղաթի մասին՝ հանգիստ փղոսկրե մակերեսներով, սերիֆացված խմբագրական վերնագրերով և կավե միակ շեշտադրմամբ, որը հայտնվում է միայն այն ժամանակ, երբ անհրաժեշտ է գործողություն։
- Calendly — Մուգ կապույտ թանաք սառը մարմարի վրա
- Augen Pro — Apple-ի սպիտակ ներկայացումը մոնոքրոմ տարածքում որպես միակ շեշտադրում օգտագործում է կլինիկական, անկշիռ, էլեկտրական կապույտը։
- Antimetal — Խմբագրական տարեգրություն կրեմագույն թղթի վրա՝ հանգիստ առավոտ գիտական ամսագրում, որտեղ զսպվածությունը վստահություն է հաղորդում, իսկ սերիֆները կատարում են ծանր աշխատանքը։
- Perk — Էլեկտրական լայմ տաք մագաղաթյա թղթի վրա
- Ditto — Արևի լույսով լուսավորված արհեստանոց, որը ստեղծում է վայրի ծաղիկների նմուշներ: Տաք կրեմագույն մակերեսներ, վառ դեղին հիմնական գույն, մուգ կապույտ թանաքներ, ստեղծագործության ետևում ծաղկող օրգանական գունային ձևեր:
- Officevibe — Խմբագրական ամսագիր՝ տաք կրեմագույն թղթի վրա: Պատկերացրեք մարդկային ռեսուրսների կառավարման մասին մտածված ակնարկ, որը ներկայացված է որպես ապրանք՝ ժամանակակից կապույտ ինտերֆեյսի միջով շշնջացող շեղագիր սերիֆ տառատեսակ: