Ui
կլինիկական պլան մատ թղթի վրա
shadcn/ui-ն մոնոխրոմ դիզայնի համակարգ ստեղծելու արհեստանոց է. մաքուր սպիտակ կտավ, մեղմ տաք մոխրագույն մակերեսներ և մեծ շառավղով քարտեր, որոնք տեղադրված են ամենանուրբ եզրագծերի վրա: Ինտերֆեյսը գրեթե ամբողջությամբ աքրոմատիկ է՝ սև տեքստ, սպիտակ մակերեսներ, մոխրագույն երկրորդային երանգներ՝ մեկ, խանգարող կարմիր գույնով, որը նախատեսված է սխալի վիճակների համար և ուրիշ ոչինչ: Տիպագրությունը հիմնված է Geist-ի երկրաչափական չեզոքության վրա՝ էկրաններին տառերի խիստ բարձրությամբ, ստեղծելով հանգիստ, կոդանման զգացողություն, որն ավելի շատ նման է մշակողի ենթակառուցվածքի, քան սպառողական արտադրանքի:
Նվազագույն պատկերներ՝ համակարգը գրեթե ամբողջությամբ բաղկացած է օգտագործողի ինտերֆեյսից։ Հիմնական լուսանկարներ, նկարազարդումներ կամ դեկորատիվ գրաֆիկա չկան։ Արտադրանքի ցուցադրական տարբերակները ներկայացված են որպես բաղադրիչների մակետներ (քարտեր, մուտքագրման դաշտեր, կոճակներ)՝ ցանցի տեսքով, ծառայելով և՛ որպես փաստաթղթավորում, և՛ որպես տեսողական բովանդակություն։ Պատկերակները բարակ երկրաչափական գծեր են (հավանաբար փոխառված Lucide-ից)՝ 1.5–2px հաստությամբ՝ #0a0a0a կամ #737373 տառերով, որոնք օգտագործվում են հազվադեպ՝ որպես ֆունկցիոնալ ազդանշաններ։ Տեսողական լեզուն հենց օգտագործողի ինտերֆեյսի բաղադրիչներն են՝ էջը գործում է որպես կենդանի ոճի ուղեցույց, որտեղ յուրաքանչյուր տեսանելի տարր տեսանելի դիզայնի տարր է։
Պալիտրա
Չեզոք
- Canvas
#f5f5f5— Էջի ֆոն, խլացված մակերեսի լրացում, լրացուցիչ կոճակներ։ - Paper
#ffffff— Քարտի մակերեսներ, ցատկող պատուհանների ֆոններ, հիմնական կոճակների լրացումներ - Surface Alt
#fafafa— Կողային վահանակի ֆոն, աննկատ քարտի տարբերակ, մուտքագրման դաշտի անգործուն վիճակ։ - Ink
#0a0a0a— Հիմնական տեքստ, վերնագրեր, կոճակների պիտակներ, պատկերակների ուրվագծեր։ - Ink Soft
#171717— Կոճակների ֆոնային պատկերներ՝ լցոնմամբ, լրացուցիչ տեքստ՝ բաց մակերեսների վրա։ - Mid Gray
#737373— Հիմնական տեքստը, տեղապահի տեքստը, օժանդակ պիտակները և պատկերակի լրացման ռեժիմը լռեցված են։
Տպագրություն
12-ից մինչև 48px · 8 քայլ
- Geist — փոխարինում: Inter · ուրվագծեր 400, 500, 600 · Բոլոր ինտերֆեյսի տեքստերը՝ մարմնի տեքստ՝ 14px/400 տողի հաստությամբ, վերնագրեր՝ 24–48px/600 տողի հաստությամբ, իսկ կոճակները՝ 13–14px/500 տողի հաստությամբ: Geist-ի երկրաչափական տառատեսակները և միատարր տողի հաստությունը չեզոք տպավորություն են ստեղծում մշակողների գործիքների համար. 600 տողի հաստությունը՝ 48px տառային միջակայքով և -0.05em տառային միջակայքով, ապահովում է հստակ, վստահ վերնագրեր, որոնք մտածված տեսք ունեն, այլ ոչ թե խմբագրված:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 18px |
| Քարտի շառավիղ | 24px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 48-80px |
| Էջի լայնությունը | 1280px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Ui ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Ventriloc — Տաք թղթի վրա տվյալների խմբագրական դիտարան՝ միակ նարնջագույն մոխիրը, որը ընդգծում է մոնոխրոմ ճշգրտությունը
- Geniestudio — Փափուկ ցերեկային լույսի ներքո աշխատող տետր՝ այնպիսին, ինչպիսին ունի լայն լուսանցքներ և մեկ հաստ գրիչի հարված
- xAI — Ջերմ կրեմ լաբորատորիա սև հաբով
- Cal — Մոնոխրոմ գործնականություն, մարդկային մոտեցում: Համակարգ, որը սև-սպիտակ խիստ գունապնակի միջոցով առաջնահերթություն է տալիս պարզությանը և ֆունկցիոնալությանը, բայց մեղմացնում է դրանք բարեկամական տպագրությամբ և կլորացված ձևերով:
- Scale — Բարձրորակ թանգարանային որակի լուսանկարչական լաբորատորիա՝ համակցված տեխնիկական նախագծի հետ
- Contractbook — կրեմե թղթի պայմանագրեր ուլտրամարաթոնի երկնքի տակ
- AutoSend — Հարմարավետ քարե ստուդիա՝ միակ մանուշակագույն լույսով, որտեղ սերիֆ վերնագրերը և պայծառ ինդիգո կոչերը համակեցության մեջ են մեկ հանգիստ, գրեթե սպիտակ տարածքում։
- Air — «Կեսգիշերային երկինքը ապակու միջով» քանդակը
- SpatialChat — մանուշակագույն զարկերակ սպիտակ մագաղաթի վրա
- Squarespace — Կինեմատիկական մոնոխրոմ պատկերասրահ
- Giga — Կեսգիշերային հորիզոն՝ սառցե օբսիդիանի վրայով
- Supabase — Կեսգիշերին կոդի խմբագրիչ՝ ֆոսֆորեսցենտ կանաչ կետով՝ մեկ քրոմատիկ զարկ ածխի փոշու ծովի վրա