Letters
Вохӯрии субҳ дар клиникаи ҳавои кушод — мизи сафеди стерилизатсияшуда дар зери шифти кабуди мулоим, ки пур аз асбобҳои кабуди ҷарроҳӣ аст
"Номаҳо" як абзори навиштани номаҳои тиббӣ аст, ки бо сарлавҳаи осмони кушоди градиентӣ оғоз мешавад - рахи кабуди мулоим ва атмосфера, ки фазои ором ва клиникиро эҷод мекунад - пеш аз гузаштан ба фазои кории сафеди тоза. Система бо услуби монохром тарҳрезӣ шудааст: матои сафеди тоза, матни қариб сиёҳ (#070709), даъватҳои шакли ҳабҳои торик ба амал ва кортҳои мудаввар, ки дар сояҳои нозук шино мекунанд. Як ранги кабуди дурахшон (#2597d0) барои пунктуасияи функсионалӣ - нишонаҳо, микрографияҳо, плеерҳои шакли мавҷ - нигоҳ дошта шудааст, ки ҳеҷ гоҳ барои тугмаҳо ё пуркунии калон истифода намешаванд. Типография аз Open Runde, як ҳуманишиносии геометрӣ бо фосилаи манфии ҳарфҳо дар андозаи калонтари экран (-0.04em дар 80px) истифода мебарад, ки сарлавҳаҳоро ба блокҳои боэътимод фишурда мекунад. Ҷузъҳо сабук ба назар мерасанд, ба монанди асбоби тиббӣ: чаҳорчӯбаҳои борик, фосилаи фаровони кортҳо, тугмаҳои шакли ҳабҳо ва истифодаи ноаёни баландӣ, ки ба сарлавҳаи шакли осмон имкон медиҳад, ки кори эмотсионалиро анҷом диҳад.
Саҳифаи асосии градиенти кабуди осмонӣ тамоми паҳнои саҳифаро фаро мегирад, ки дар он унвон ва зерматни марказӣ ҷойгир карда шудааст ва дар поён тугмаи даъват ба амал мавҷуд аст. Он ба таври ҳамвор ба минтақаи мундариҷаи сафед бо фосилаи фаровон байни бахшҳо (80-120 пиксел) мегузарад. Бахшҳои хусусиятҳо аз шабакаи дусутунии кортҳои калон ва мудаввар (радиуси 18-32 пиксел) бо таносубҳои баробар истифода мебаранд. Сарлавҳаҳои бахшҳо ҳамеша дар як сутун, дар болои шабакаи кортҳо дар марказ ҷойгир карда мешаванд. Навигатсия як сатри болоии сафеди собит бо кластери марказӣ ва амалҳои воридшавӣ ба тарафи рост ҷойгиршуда мебошад. Ритми умумӣ як рахи асосии ягонаи атмосфера аст, ки сипас бахшҳои сафед ва #f5f5f5 бо фазои амудии нафаскашии доимӣ иваз мешаванд. Панели паҳлӯӣ, мега-меню, тарҳбандии асимметрӣ вуҷуд надорад - саҳифа ба монанди сутуни ором ва симметрӣ ба назар мерасад.
Тарроҳии визуалӣ қариб пурра ба интерфейси корбарии маҳсулот нигаронида шудааст - бе аксҳои тарзи ҳаёт, бе рендерҳои абстрактии сеченакаи визуалӣ. Забони визуалӣ дар атрофи кортҳои маҳсулот сохта шудааст, ки интерфейси аслии барномаро нишон медиҳанд: муқоисаи "Пеш" ва "Баъд"-и ҳуҷҷатҳо, минтақаи боркунӣ бо сарҳади нуқтадор ва плеери аудио дар шакли шакли мавҷ. Ягона унсури визуалии атмосфера градиенти осмон дар тасвири асосӣ аст. Нишонаҳо нишонаҳои хатии ҳамвор ва якрангаи #2597d0 (лифофа, микрофон, аломати қайд) бо вазнҳои якхелаи хатҳо, бе тағироти пуркардашуда мебошанд. Услуби тасвир маҳдуд аст: макетҳои маҳсулот дар заминаи сафед нишон дода мешаванд, каме гардиш карда мешаванд, то умқ эҷод кунанд, ҳеҷ гоҳ ба таври қатъӣ майл надоранд. Шрифти дастнавис (Духтур) ягона унсури органикӣ/дастӣ аст, ки танҳо барои ба ёд овардани дастнависи клиникӣ дар корти "Пеш" истифода мешавад.
Палитра
Бренд
- Surgical Blue
#2597d0— Нишонаҳо, нишонаи микрофон, плеери мавҷи садо ва лаҳҷаҳои хурди функсионалӣ дар тамоми интерфейс як нотаи ягонаи хроматикӣ эҷод мекунанд.
Бетараф
- Obsidian
#070709— Нусхаи бадан, тугмаҳои пуркардашудаи даъват ба амал ва унсурҳои UI-и торик — ба ҷои #000 холис, қариб сиёҳ интихоб карда шудаанд, то контрастро нисбат ба заминаи сафед нарм кунанд. - Paper White
#ffffff— Заминаи саҳифа, сатҳҳои корт ва матни тугмаҳо матои асосии ҳамаи қисматҳои зери унсури асосӣ мебошанд. - Cloud Gray
#f5f5f5— Сатҳҳои иловагии корт ва пасзаминаҳои қисмат блокҳои функсионалиро аз канваси асосӣ ҷудо мекунанд. - Sky Tint
#d7e6f5— Сояи чаҳорчӯбаи картон ва оҳанги кабуди қариб намоёни сатҳ эҳсоси фазо эҷод мекунад, на хокистарранг. - Charcoal
#60606c— Матни асосӣ, матни дуюмдараҷа ва сарҳадҳои хомӯш - ранги бетарафи бартаридошта барои мундариҷаи бесарлавҳа. - Slate
#8b8b8b— Матнҳои ночиз ва ҳолатҳои ғайрифаъоли марзӣ - барои нишон додани маконҳо ва таъмини дастрасии шахсони дорои маъюбӣ истифода мешаванд.
Типография
аз 12 то 80 пиксел · 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 · Матни дуюмдараҷа ва UI – барои сарлавҳаҳои хурд, унсурҳои навигатсия ва пайвандҳои дохилихатӣ истифода мешавад, ки дар онҳо ритми бетарафи хониш матлуб аст. Барои эҷоди контрасти иерархӣ бо 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 — Расми муҳандисӣ дар коғази графикӣ. Сатҳи расми сафед бо шабакаи қариб намоён, ки бо ранги қариб сиёҳ кашида шудааст, бо аломатҳои сабзи оҳакӣ-флуоресцентӣ ва зарбаҳои градиентии рангоранг нишон дода шудааст.