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 օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Mollie — Քաշմիրե սեղան, մուգ գրանցամատյան: Սև տեքստի շուրջ թողեք բավարար սպիտակ տարածք խմբագրական դիզայնի համար, այնուհետև ընդգծեք ապրանքին վերաբերող կետերը տաք կրեմներով, էսպրեսո բրաուններով և իրական վճարման մեթոդների շոշափելի լուսանկարներով:
- Kagi — Առանձին ընթերցասրահ։ Ստեղծեք բաց սպիտակ տարածք համարձակ գրաֆիտային տեքստի շուրջ՝ օգտագործելով նուրբ մանուշակագույն շեշտադրումներ և տաք պաստելային մակերեսներ՝ անդորրը խախտելու համար։
- Milanote — Milanote-ը նվիրված ստեղծագործական ստուդիա է: Ստեղծեք խմբագրական պատկերասրահի ոճի էջեր՝ օգտագործելով լողացող տեսողական տախտակներ՝ մուգ շրջանակված պատեր, սպիտակ ցուցադրման տարածք և էկրանի լուսանկարներ, որոնք նման են իրական առարկաների՝ մեղմ խորությամբ:
- Co2 — Կլիմայական ատլաս ձմեռային լույսի ներքո: Ստեղծեք էջեր, որոնք նման են օդային փաստաթղթի լանդշաֆտի, որտեղ սերիֆ վերնագրերը, կատեգորիայի կոդավորված տվյալները և սառցե պատկերները ընդգծում են լայն սպիտակ եզրերը:
- GitButler — Փիրուզագույն՝ տեքստի վերջում։ Բարձր կոնտրաստային սերիֆային վերնագրերի համադրություն՝ նուրբ տեխնիկական ցանցերով, տաք գրաֆիտային մակերեսներով և աննկատ փիրուզագույն շեշտադրմամբ։
- ElevenLabs — Լուսանկարչական ակնարկ տաք կրեմագույն երանգներով՝ նուրբ վերնագրերով: Բաուհաուսի ոճի տետր՝ ձվի կճեպի գույնի թուղթ, սև թանաք և մեկ մանուշակագույն ու նարնջագույն շեշտադրում ապրանքի ցուցադրման համար:
- Awesomic — Խմբագրական ցինկե ցանց՝ կոնֆետի հիշեցնող նարնջագույն կետադրական նշաններով
- Dub — Link-ի մատ բրնձե թղթի կառավարման վահանակ
- Seline Analytics — Հանգիստ վերլուծական սեղան տաք թղթի վրա
- Notion — Տաք թղթե տետր կեսօրվա արևի տակ
- Anthropic — Գիտական դաշտային ամսագիր տաք մագաղաթի մասին՝ հանգիստ փղոսկրե մակերեսներով, սերիֆացված խմբագրական վերնագրերով և կավե միակ շեշտադրմամբ, որը հայտնվում է միայն այն ժամանակ, երբ անհրաժեշտ է գործողություն։
- Calendly — Մուգ կապույտ թանաք սառը մարմարի վրա