Seline Analytics
Հանգիստ վերլուծական սեղան տաք թղթի վրա
Սելինը տեղադրված է տաք քարե ֆոնի վրա (#fafaf9)՝ մեկ վառ կապույտ շեշտադրմամբ. մնացած բոլոր գույները չեզոք են և վերցված են Tailwind քարե գունային պալիտրայից: Վերնագրերը ներկայացված են հատուկ նախագծված երկրաչափական sans-serif տառատեսակով (roobert)՝ 400 կշռով և նեղ բացասական տառերի միջև հեռավորությամբ, ինչը տեքստին հաղորդում է հանգիստ, գրեթե շշուկի նման վստահություն, որը հակադրվում է սովորաբար աղմկոտ SaaS ոճին: UI մակերեսները հարթ սպիտակ քարտեր են, որոնք լողում են տաք ֆոնի վերևում՝ մեկ, մեղմ, 16px մշուշոտությամբ. եզրագծերը ստեղծվում են բարակ, 1px քարե երանգի գծերով, որոնք առատորեն օգտագործվում են որպես հիմնական կառուցվածքային տարր՝ ծանր բաժանարարների կամ վահանակների փոխարեն: Դասավորությունը շնչում է. լիարժեք լայնությամբ բովանդակություն՝ կենտրոնացած առատ ուղղահայաց ռիթմի վրա, հաբի տեսքով ինտերակտիվ կառավարման համակարգով, անհատականության համար նախատեսված թալիսմանի նկարազարդմամբ և վահանակի էկրանի լուսանկարներով՝ որպես ապրանքի ապացույց: Ընդհանուր տպավորությունը խմբագրական առումով վերլուծական է՝ հանգիստ, մոնոխրոմ, վստահ, կապույտ կոչը էջի ամենաակնառու տարրն է՝ շնորհիվ մնացած ամեն ինչի միտումնավոր զսպման:
Էջը առավելագույն լայնությամբ է, կենտրոնացված մոտավորապես 1200px-ի վրա՝ մեծ ուղղահայաց տարածությամբ։ Հերոսը երկտողանի, ձախ կողմում դասավորված տեքստի բլոկ է՝ կապույտ գույնով մեկ ընդգծված արտահայտությամբ («պարզ և արդյունավետ»), որին հաջորդում են երկու գործողության կոչերով շարք (կապույտ հաբ + ուրվական հաբ), ապա մոխրագույն երանգներով գործընկերների լոգոների շարք, ապա վստահության վարկանիշների շարք, և ապա լիարժեք լայնությամբ լողացող վահանակի նախադիտում, որը փոքր-ինչ համընկնում է հաջորդ բաժնի հետ։ Ծալքի տակ միասյունակ ցանցում հերթագայող շարքեր են վկայությունների, որին հաջորդում են լիարժեք լայնությամբ բաժիններ՝ հատկանիշների նկարագրություններով, ձախ կողմում դասավորված տեքստով և կենտրոնացված ապրանքի տեսողական նյութերով։ Նավիգացիան մինիմալիստական վերին գոտի է՝ ձախ կողմում լոգոն, աջ կողմում կենտրոնացված նավիգացիոն հղումներ, մուտք + կապույտ կոչ՝ նավիգացիայի կենտրոնում լողացող ավատարների կլաստեր, որը ծառայում է որպես ինքնության ստուգում։ Բաժինների միջև ընկած տարածությունները լայն են (96px)՝ խմբագրական ռիթմ ստեղծելու համար, այլ ոչ թե տեղեկատվության խիտ խառնաշփոթ։
Տեսողական լեզուն գերակշռում են ապրանքի օգտագործողի ինտերֆեյսի էկրանի պատկերները. վահանակի նախադիտումը լուսանկար է, որը մշակվում է մոխրագույն երանգի (1) (0.94) կոնտրաստային ֆիլտրով, որը խլացնում է տվյալների գույները մինչև մոնոխրոմ երանգ: Միակ մարդկային կերպարը գծային թալիսմանի պիտակ է (գլխարկով կերպար), որը նկարված է SVG ոճով՝ միայն ուրվագծերով, տեղադրված է մեկ անգամ յուրաքանչյուր բաժնում՝ որպես վերլուծական բովանդակության խաղային հակադրություն, մեղմ ստվերով՝ խորության պիտականման էֆեկտ ստեղծելու համար: Ապրանքանիշի լոգոն և գլիֆները փոքր սև կայծեր/բոցեր են: Լուսանկարներ չկան՝ կենսակերպի լուսանկարներ, թիմային լուսանկարներ, շրջակա միջավայրի պատկերներ չկան: Օբյեկտը (վահանակը) գլխավոր հերոսն է: Բոլոր դեկորատիվ պատկերակները 1px ուրվագծի ոճով են՝ #0c0a09 կամ #3ba6f1:
Պալիտրա
Բրենդ
- Cyan Signal
#3ba6f1— Հիմնական կոչը գործողության, ակտիվ հղումները և ապրանքանիշի պատկերակների ուրվագիծը էջի միակ գունային շեշտադրումներն են, որոնք օգտագործվում են խնայողաբար՝ գործողության վրա ուշադրություն հրավիրելու համար։ - Cyan Edge
#3398e1— Կապույտը օգտագործվում է գործողությունների ուրվագծերը, հղումների պիտակները և ինտերակտիվ տարրերը ընդգծելու համար: Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն:
Չեզոք
- Ink Black
#0c0a09— Հիմնական վերնագրերը, ընդգծված հիմնական տեքստը և արտահայտիչ պատկերակները տաք, գրեթե սև գույնի են։ - Stone Canvas
#fafaf9— Էջի ֆոնը տաք, կրեմագույն երանգ է, որը թղթի զգացողություն է հաղորդում, այլ ոչ թե էկրանի սպիտակի։ - Pure White
#ffffff— Քարտեզի մակերեսները, ցցված վահանակները և մուտքագրման դաշտերի լրացումները լռելյայնորեն հարթ և ստվերազուրկ են։ - Stone Border
#e8e6e5— Քարտերի, նավիգացիայի և մուտքագրման դաշտերի բարակ եզրագծերը հիմնական կառուցվածքային տարրն են, այլ ոչ թե բաժանիչները։ - Stone Muted
#d6d3d1— Լրացուցիչ շրջանակներ, նուրբ ֆոնային երանգներ, դեկորատիվ բաժանիչներ։ - Ash Gray
#a8a29e— Օգնության տեքստ, պատկերակների ուրվագծեր, անջատված վիճակներ՝ ընթեռնելի, բայց ոչ ակտիվ։
Տպագրություն
10-ից մինչև 52px · 5 քայլ
- Roobert — փոխարինում: Inter Tight or Satoshi · ուրվագծեր 400, 500 · Վերնագրերի և տեքստի դասավորության համար նախատեսված տառատեսակը եզակի երկրաչափական sans-serif է՝ բացասական տառերի միջև նվազագույն հեռավորությամբ (-0.025em 32px-ի դեպքում, -0.021em 52px-ի դեպքում): 400 x 52px քաշը տառատեսակի առանձնահատկությունն է՝ ոչ ավանդական, նուրբ, բայց միևնույն ժամանակ հեղինակավոր, բայց միևնույն ժամանակ զուսպ: Վերնագրերը զբաղեցնում են իրենց տեղը՝ առանց չափազանց մեծ լինելու:
- Inter — փոխարինում: Inter · ուրվագծեր 400, 500, 600 · Հիմնական տեքստի, նավիգացիայի, ինտերֆեյսի և վերնագրերի հիմնական տառատեսակը չեզոք, ունիվերսալ տառատեսակ է էկրանից դուրս գտնվող բոլոր տեքստերի համար: Հիմնական տեքստի համար գերակշռող չափը 14px է՝ 400 կշռով և 1.64 տողերի միջև հեռավորությամբ (հաճախականությունը՝ 1174): Տառերի միջև դրական հեռավորությունը (0.004 em) փոքր չափերի դեպքում ապահովում է խիտ ինտերֆեյսի ընթեռնելիությունը:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | ընդարձակ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 9999px |
| Քարտի շառավիղ | 10px |
| Ստվերներ | մեղմ ստվերներ |
| Բաժինների միջև | 96px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Seline Analytics ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- ElevenLabs — Լուսանկարչական ակնարկ տաք կրեմագույն երանգներով՝ նուրբ վերնագրերով: Բաուհաուսի ոճի տետր՝ ձվի կճեպի գույնի թուղթ, սև թանաք և մեկ մանուշակագույն ու նարնջագույն շեշտադրում ապրանքի ցուցադրման համար:
- Awesomic — Խմբագրական ցինկե ցանց՝ կոնֆետի հիշեցնող նարնջագույն կետադրական նշաններով
- Monad — խմբագրական տեխնիկական ամսագիր տաք մագաղաթի վրա
- Dub — Link-ի մատ բրնձե թղթի կառավարման վահանակ
- Notion — Տաք թղթե տետր կեսօրվա արևի տակ
- Anthropic — Գիտական դաշտային ամսագիր տաք մագաղաթի մասին՝ հանգիստ փղոսկրե մակերեսներով, սերիֆացված խմբագրական վերնագրերով և կավե միակ շեշտադրմամբ, որը հայտնվում է միայն այն ժամանակ, երբ անհրաժեշտ է գործողություն։
- Calendly — Մուգ կապույտ թանաք սառը մարմարի վրա
- Augen Pro — Apple-ի սպիտակ ներկայացումը մոնոքրոմ տարածքում որպես միակ շեշտադրում օգտագործում է կլինիկական, անկշիռ, էլեկտրական կապույտը։
- Antimetal — Խմբագրական տարեգրություն կրեմագույն թղթի վրա՝ հանգիստ առավոտ գիտական ամսագրում, որտեղ զսպվածությունը վստահություն է հաղորդում, իսկ սերիֆները կատարում են ծանր աշխատանքը։
- Perk — Էլեկտրական լայմ տաք մագաղաթյա թղթի վրա
- Ditto — Արևի լույսով լուսավորված արհեստանոց, որը ստեղծում է վայրի ծաղիկների նմուշներ: Տաք կրեմագույն մակերեսներ, վառ դեղին հիմնական գույն, մուգ կապույտ թանաքներ, ստեղծագործության ետևում ծաղկող օրգանական գունային ձևեր:
- Officevibe — Խմբագրական ամսագիր՝ տաք կրեմագույն թղթի վրա: Պատկերացրեք մարդկային ռեսուրսների կառավարման մասին մտածված ակնարկ, որը ներկայացված է որպես ապրանք՝ ժամանակակից կապույտ ինտերֆեյսի միջով շշնջացող շեղագիր սերիֆ տառատեսակ: