Letters
Առավոտյան հանդիպում բացօթյա կլինիկայում՝ ստերիլ սպիտակ սեղան՝ փափուկ կապույտ առաստաղի տակ, որը լի էր վիրաբուժական կապույտ գործիքներով
«Նամակներ»-ը բժշկական նամակներ գրելու գործիք է, որը սկսվում է գրադիենտային բաց երկնքի վերնագրով՝ մեղմ, մթնոլորտային կապույտ շերտով, որը ստեղծում է հանգիստ, կլինիկական մթնոլորտ՝ նախքան մաքուր սպիտակ աշխատանքային տարածք անցնելը: Համակարգը նախագծված է մոնոխրոմ ոճով՝ մաքուր սպիտակ կտավ, գրեթե սև տեքստ (#070709), մուգ դեղահաբի նման կոչեր գործողության և կլորացված քարտեր, որոնք լողում են ամենանուրբ ստվերների վրա: Միակ վառ կապույտը (#2597d0) նախատեսված է ֆունկցիոնալ կետադրության համար՝ պատկերակներ, միկրոգրաֆիկա, ալիքաձև նվագարկիչներ, որոնք երբեք չեն օգտագործվում կոճակների կամ մեծ լրացումների համար: Տիպագրությունը օգտագործում է Open Runde-ը՝ երկրաչափական հումանիստական sans-serif՝ ագրեսիվ բացասական տառային հեռավորությամբ մեծ էկրանների դեպքում (-0.04em 80px-ի դեպքում), որը սեղմում է վերնագրերը վստահ բլոկների մեջ: Բաղադրիչները թեթև են զգացվում, ինչպես բժշկական գործիք. բարակ շրջանակներ, քարտերի մեծ հեռավորություն, դեղահաբի նման կոճակներ և բարձրության աննկատ օգտագործում, որը թույլ է տալիս երկնքի տեսքով վերնագրին կատարել հուզական աշխատանքը:
Երկնագույն գրադիենտով գլխավոր էջը ծածկում է էջի ամբողջ լայնությունը՝ կենտրոնացված վերնագրով և ենթատեքստով, իսկ ներքևում գործողության կոչ անող կոճակով։ Այն սահուն անցնում է սպիտակ բովանդակության տարածք՝ բաժինների միջև մեծ հեռավորությամբ (80-120px): Հատկանիշների բաժինները օգտագործում են հավասար համամասնություններով մեծ, կլորացված քարտերի (18-32px շառավղով) երկսյունակ ցանց։ Բաժինների վերնագրերը միշտ կենտրոնացված են՝ մեկ սյունակում, քարտերի ցանցի վերևում։ Նավիգացիան ֆիքսված սպիտակ վերին գոտի է՝ հղումների կենտրոնացված կլաստերով և աջ կողմում դասավորված մուտքի գործողություններով։ Ընդհանուր ռիթմը մեկ, մթնոլորտային գլխավոր գիծ է, ապա հերթագայող սպիտակ և #f5f5f5 բաժիններ՝ համապատասխան ուղղահայաց շնչառական տարածությամբ։ Կողային գոտի, մեգա-մենյու, ասիմետրիկ դասավորություններ չկան. էջը զգացվում է հանգիստ, սիմետրիկ սյունակի նման։
Տեսողական դիզայնը գրեթե ամբողջությամբ կենտրոնացած է ապրանքի օգտագործողի ինտերֆեյսի վրա՝ ոչ մի կենսակերպի լուսանկար, ոչ մի աբստրակտ 3D ռենդերինգ: Տեսողական լեզուն կառուցված է ապրանքի քարտերի շուրջ, որոնք ցուցադրում են հավելվածի բնօրինակ ինտերֆեյսը՝ փաստաթղթերի «Նախքան» և «Հետո» համեմատություն, կետավոր եզրագծով բեռնման տարածք և ալիքաձև աուդիո նվագարկիչ: Միակ մթնոլորտային տեսողական տարրը գլխավոր պատկերում երկնքի գրադիենտն է: Պատկերակները հարթ, միագույն #2597d0 գծային պատկերակներ են (ծրար, միկրոֆոն, ստուգիչ)՝ միատարր գծերի կշիռներով, առանց լրացված տատանումների: Նկարազարդման ոճը զուսպ է. ապրանքի մակետները ցուցադրվում են սպիտակ ֆոնի վրա, թեթևակի պտտված՝ խորություն ստեղծելու համար, երբեք կտրուկ թեքված չեն: Ձեռագիր տառատեսակը (Բժիշկը) միակ օրգանական/ձեռագործ տարրն է, որն օգտագործվում է բացառապես «Նախքան» քարտի վրա կլինիկական ձեռագիրը արտացոլելու համար:
Պալիտրա
Բրենդ
- Surgical Blue
#2597d0— Սրբապատկերները, միկրոֆոնի պատկերակը, ձայնային ալիքի նվագարկիչը և փոքր ֆունկցիոնալ շեշտադրումները ստեղծում են միասնական քրոմատիկ նոտա ամբողջ ինտերֆեյսի ընթացքում։
Չեզոք
- Obsidian
#070709— Հիմնական տեքստը, լցված կոչ անող կոճակները և մուգ ինտերֆեյսի տարրերը՝ գրեթե սևը ընտրվել է մաքուր #000-ի փոխարեն՝ սպիտակ ֆոնի հետ հակադրությունը մեղմելու համար։ - Paper White
#ffffff— Էջի ֆոնը, քարտի մակերեսները և կոճակի տեքստը հիմնական տարրի տակ գտնվող բոլոր բաժինների հիմնական կտավն են։ - Cloud Gray
#f5f5f5— Լրացուցիչ քարտի մակերեսները և հատվածների ֆոնները առանձնացնում են ֆունկցիոնալ բլոկները հիմնական կտավից։ - Sky Tint
#d7e6f5— Ստվարաթղթե շրջանակի երանգը և մակերեսի հազիվ նկատելի կապույտ երանգը ստեղծում են մթնոլորտի զգացողություն, այլ ոչ թե մոխրագույնության։ - Charcoal
#60606c— Հիմնական տեքստ, երկրորդական տեքստ և խլացված եզրագծեր՝ գերիշխող չեզոք գույն ոչ վերնագրային բովանդակության համար։ - Slate
#8b8b8b— Փոքր տեքստ և ոչ ակտիվ սահմանային վիճակներ - օգտագործվում են տեղանքները նշելու և հաշմանդամություն ունեցող անձանց համար մատչելիությունն ապահովելու համար։
Տպագրություն
12-ից մինչև 80px · 8 քայլ
- sans-serif — փոխարինում: Inter · ուրվագծեր 400, 700 · sans-serif - հայտնաբերված է արդյունահանված տվյալներում, բայց չի նկարագրվում արհեստական բանականության կողմից։
- Open Runde — փոխարինում: Inter Tight · ուրվագծեր 400, 500, 600, 700, 900 · Վերնագրերի և նավիգացիայի հիմնական տառատեսակը երկրաչափական հումանիստական է՝ մեծ չափերի դեպքում տառերի միջև փոքր հեռավորությամբ. -0.04em-ը 80px-ի դեպքում սեղմում է վերնագիրը մեկ, վստահ բլոկի մեջ: Օգտագործեք բոլոր վերնագրերի, նավիգացիայի և մեծ տեքստի համար:
- Inter — փոխարինում: system-ui · ուրվագծեր 400, 500 · Երկրորդական տեքստ և ինտերֆեյսի տեքստ – օգտագործվում է փոքր վերնագրերի, նավիգացիոն տարրերի և ներտողային հղումների համար, որտեղ ցանկալի է ավելի չեզոք ընթերցման ռիթմ: Համակցվում է Open Runde-ի հետ՝ հիերարխիկ հակադրություն ստեղծելու համար:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 12-16px |
| Կոճակի շառավիղ | 100px |
| Քարտի շառավիղ | 18px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 80-120px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Letters ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Integrated Biosciences — Կենսալուսարձակման լաբորատորիա կեսգիշերին
- Mintlify — Ամպերի այգի՝ ապակե սեղանի վերևում։ Ձեռքով նկարված երկինքը և վավերագրական ֆիլմը միահյուսված են՝ միակ վայրը, որտեղ գույնն ու հայեցակարգը բախվում են, նախքան էջը վանական սպիտակի մեջ կմտնի։
- Gleap — Աշխատանքային տարածք, որը զարդարված է տաք կրեմի երանգներով և գրաֆիտային շեշտադրումներով. ստուդիա, որտեղ սև, անփայլ թանաքի կետերը, կարծես, լողում են կտավատի ճարտարապետության վերևում։
- Render — Դիզայնը պատրաստված է խոզանակված ալյումինի վրա: Ինտերֆեյսը զգացվում է որպես մաքուր, երկրաչափական ճարտարագիտական փաստաթուղթ՝ սպիտակ տարածություն, բարակ գծեր և մեկ մանուշակագույն գիծ, որը ուշադրություն է հրավիրում գործողության վրա:
- Grafbase — ինժեներական գծագրություն սառը մարմարի վրա
- Slash — Կեսգիշերային պահոց՝ ոսկեզօծ գրանցամատյաններով
- Modal — Ֆոսֆորեսցենտ տերմինալ մութ սերվերային սենյակում. միակ լույսի աղբյուրը վառ կանաչ գույնն է
- Whimsical — Հարուստ սալորի թանաք լավանդայի ֆոնի վրա. ստեղծագործական ստուդիական տետր, որը նաև ծառայում է որպես տեխնիկական սպիտակ գրատախտակ։
- AgentQL — Հյուսիսային լույսերը գիշերը տերմինալի վրա
- Alveos One — Գետի քարերից պատրաստված հարմարավետ ապաստարան՝ հանգիստ, կրեմագույն լուսավորությամբ մեդիտացիայի սենյակ, որտեղ միակ գրաֆիտային առարկան հանգստանում է մեղմ սաթե փայլի մեջ։
- GitHub — Տիեզերական հրամանատարական վահանակ՝ բիոլյումինեսցենտ կառավարման կետերով. մութ, մթնոլորտային աշխատանքային տարածք, որտեղ միակ կանաչ լույսը ցույց է տալիս առաջ շարժվելու ճանապարհը։
- Buddy — Ինժեներական գծագիր գրաֆիկական թղթի վրա: Սպիտակ նկարչական մակերեսը նշված է հազիվ տեսանելի ցանցով, որը կիրառված է գրեթե սև թանաքով, լյումինեսցենտային կրաքարի-կանաչ նշումներով և ծիածանագույն գրադիենտային գծերով: