Huly
Հյուսիսային լույսեր կեսգիշերային աստղադիտարանում. գլխավոր հերոսը մանուշակագույնի ուղղահայաց ճառագայթ է, որը մարջանի է վերածվում, և դրա տակ գտնվող յուրաքանչյուր հանգիստ հատված փոխառում է նույն երկերանգ պատմությունը, որը պատմվում է ավելի մեղմ տոնով։
Հուլին ստեղծում է տիեզերական աշխատանքային տարածքի մթնոլորտ. գրեթե սև կտավ՝ միակ մանուշակագույն-սաթագույն փայլով, որը կտրում է հիմնական տարրը, իսկ դրա տակ՝ ավելի մեղմ ցանց՝ արտադրողականության բարձրացման համար: Համակարգը գործում է նեղ գունային միջակայքում. մեկ վառ կապույտ և մեկ մարջանագույն կատարում են ամբողջ բրենդավորման աշխատանքը շերտավոր գրաֆիտային մակերեսների վրա, ուստի մուգ ռեժիմը երբեք չեզոք չի թվում: Տիպագրությունը Inter-style է ամեն ինչի համար՝ ֆունկցիոնալ, հիմնական կետերի համար նախատեսված հատուկ տառատեսակով (Esbuild), 80-84px բարձրությամբ և տառերի միջև ագրեսիվ բացասական հեռավորությամբ: Բաղադրիչները պարկուճի ձև ունեն. կառավարման վահանակի վրա 9999px շառավիղ, քարտերի վրա՝ 12px, նվազագույն ստվեր և փայլող գրադիենտային գծեր՝ որպես հիմնական զարդարանք: Էջը հերթագայում է ամբողջ էջի մուգ տարածքների և հանգիստ լուսավոր հատվածների միջև, ուստի ցանկացած նոր էկրան պետք է որոշի ռեժիմը գույներ ընտրելուց առաջ:
Լրիվ լայնությամբ գլխավոր էջը ներառում է հյուսիսափայլերի ուղղահայաց ճառագայթ և ձախ կողմում դասավորված վերնագիր, ինչպես նաև ապրանքի էկրանի նկար, որը տեղադրված է ներքևի աջ անկյունում: Գլխավոր էջի տակ գտնվում է առավելագույն լայնությամբ՝ 1200px բովանդակության տարածք, որը ներառում է հերթագայող մուգ և բաց շերտեր: Յուրաքանչյուր բաժինը մեկ ուղղահայաց բլոկ է՝ վերնագիր գումարած քարտերի 3 կամ 4 սյունականոց ցանց, որոնք բաժանված են 96px բացերով: «MetaBrain» բաժինը ցանցը բաժանում է կենտրոնացված վերնագրով և տարբեր չափերի քարտերի խճանկարով (մեծ հիմնական քարտ գումարած ավելի փոքր օժանդակ քարտեր): Էջը լի է բովանդակությամբ՝ հետևելով SaaS ստանդարտներին, բայց օգտագործում է հերթագայող մուգ և բաց շերտեր՝ յուրաքանչյուր բաժնին շնչելու տեղ տալու համար: Նավիգացիան մեկ թափանցիկ վերին գոտի է, որը գլորելիս մարում է և դառնում է անթափանց:
Հիմնական տարրը մաքուր բևեռափայլի գրադիենտ է՝ առանց լուսանկարների: Բոլոր նկարազարդումները ապրանքի ինտերֆեյսի իրական էկրանանկարներ են (Kanban մութ ռեժիմում, մուտքի արկղ, օրացույց), որոնք շրջանակված են քարտային շրջանակներով, որոնք ծառայում են և՛ որպես ապացույց, և՛ որպես զարդարանք: Չկան ապրելակերպի լուսանկարներ, ոչ մի պատկեր, ոչ մի 3D ռենդերինգ: Ինտերֆեյսի հետ կապ չունեցող միակ տեսողական տարրը բևեռափայլի հիմքում գտնվող տաք, ճառագայթային արևի փայլն է, որը ռենդերացվում է որպես CSS գրադիենտ: Պատկերակները #95979 կամ սպիտակ գույնի մոնոխրոմ գծային պատկերակներ են, երբեք բազմագույն: Համակարգը իր սեփական մուգ ինտերֆեյսը համարում է հիմնական տարր. ապրանքը լուսանկարներն են:
Պալիտրա
Բրենդ
- Electric Iris
#5683da— Հիմնական ֆոնը, ակտիվ նավիգացիոն ցուցիչը և հյուսիսափայլի աչքի ընկնող շեշտը՝ վառ մանուշակագույն-կապույտ գույնը մուգ սև ֆոնի վրա, ստեղծում են ավելի շատ ներգրավվածության, քան կորպորատիվ գործունեության տպավորություն։ - Ember Pulse
#ff8964— Երկրորդական շեշտադրում, տաք հյուսիսային լույսերի գոտի, ծանուցման կետ և նկարազարդման ընդգծում. սաթե երանգ, որը խախտում է կապույտի զսպվածությունը և ջերմություն է հաղորդում լույսի ճառագայթին։
Չեզոք
- Obsidian Canvas
#303236— Էջի ֆոնը, գերիշխող մակերեսը, գրեթե սև գույնի է՝ թեթևակի տաքության նշույլով, որը ստանդարտ միջավայր է բոլոր բովանդակության համար։ - Void
#090a0c— Գլխավոր էկրանի գրադիենտների, մոդալ ֆոնի և շրջանակների համար ամենախորը մակերեսային շերտը, որոնք պետք է միաձուլվեն կտավի հետ։ - Charcoal Card
#111111— Բարձրացված մակերեսներ՝ պատրաստված ստվարաթղթից և վահանակներից, տեղադրված կտավից մեկ աստիճան բարձր։ - Slate Edge
#4a4b50— Նուրբ եզրագծեր և բաժանարարներ մուգ մակերեսների վրա - Iron Veil
#6b6c6d— Պիտակների, ցուցակի տարրերի լրացումների և անջատված լրացումների համար մարած ֆոն։ - Smoke
#95979e— Սրբապատկերների ուրվագծերը, լրացուցիչ տեքստը և ոչ ակտիվ կառավարման տարրերը միջին մոխրագույնի հիմնական աշխատանքային տարրերն են։
Տպագրություն
11-ից մինչև 80px · 8 քայլ
- Inter — փոխարինում: DM Sans · ուրվագծեր 300, 400, 500, 600, 700 · Օգտագործողի ինտերֆեյսի բոլոր ֆունկցիոնալ տեքստերը՝ հիմնական տեքստը, նավիգացիան, կոճակները, ցուցակի տարրերը, պիտակները և փոքր վերնագրերը, օգտագործվում են 500–600 տառատեսակի կշռով՝ շեշտադրման համար, 400՝ հիմնական տեքստի համար և 300՝ խնայողաբար՝ աննկատ մետատվյալների համար։
- Esbuild — փոխարինում: Sora · ուրվագծեր 400, 500, 600 · Միայն ցուցադրման համար. հիմնական վերնագրեր, բաժինների վերնագրեր և MetaBrain հոդվածների վերնագրեր: Խտացված երկրաչափությունը և տառերի միջև փոքր հեռավորությունը տպավորություն են ստեղծում, որ 84px-ը ավելի հարմար է խմբագրական աշխատանքի համար, քան SaaS նախագծերը: Երբեք մի օգտագործեք 28px-ից ցածր չափս:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | ընդարձակ |
| Հիմնական քայլ | 12px |
| Կոճակի շառավիղ | 9999px |
| Քարտի շառավիղ | 12px |
| Ստվերներ | մեղմ ստվերներ |
| Բաժինների միջև | 96px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Huly ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- monday — Սպիտակ արհեստանոց՝ պաստելային պիտակներով
- Slack — Բեմը սմբուկի գույնի է՝ սպիտակ լուսարձակներով։ Մութ հատվածներում գերիշխում է խորը սալորագույնը, մինչդեռ սպիտակավուն կտավը թույլ է տալիս մեծ, ավանգարդ ոճի վերնագրերին ազատորեն շնչել։
- Base44 — Արևի լույսով լուսավորված տետր՝ լայմի մարկերով
- Supahub — Մեղմ ցերեկային լույս մանուշակագույն լեռնաշղթայի վրա: Մեծ մասամբ սպիտակ, օդային կտավ, որը լուսավորված է մեկ պայծառ մանուշակագույն արևով, դեկորատիվ գրադիենտային գնդիկներով, որոնք գույն են սփռում բացասական տարածության մեջ, և առատաձեռն կլորացված երկրաչափությամբ յուրաքանչյուր մակերեսին հաղորդվում է հաճելի, շոշափելի ծանրություն:
- Raycast — Կեսգիշերային հրամանատարական կենտրոն, Coral Neon
- Dimension — մթնշաղով լուսավորված աշխատանքային տարածք՝ սառցե ապակե վահանակներով
- Wiza — Հանքային հետազոտությունների աստղադիտարան մթնշաղին՝ պատված լավանդայի մշուշով։
- Paste — Սպիտակ մարմարի վրա սաթե լապտեր. ապրանքանիշի տաք գրադիենտային լոգոն սավառնում է विश्याल սպիտակ տարածքում, ինչպես ձյունածածկ շենքի միակ լուսավորված պատուհանը։
- Reworkd — Արտադրանքի դիագրամի վրա մեղմ ցերեկային լույսը միակ գույնն է, որը խոսում է ինքն իր մասին, դա գործողության կոճակն է և դրա վերևում գտնվող գրադիենտային վերնագիրը։
- Reflect Notes — Աստղային մանուշակագույն տարածությունը մութ աստղադիտարան է, որտեղ նոտաները լողում են ինչպես համաստեղություններ՝ գրեթե սև ինդիգո դատարկության ֆոնի վրա։
- Ameba — Կեսգիշերին կառավարման սենյակը՝ էլեկտրական կապույտ իմպուլս սառցե ապակե վահանակների ներսում
- Todoist — Արևով լուսավորված աշխատանքային տարածք՝ թղթե օրագրով. տաք կրեմագույն սեղան, թանաքով նշումներ, մեկ կարմիր գրիչ