Letters
Задгай агаарт байрлах эмнэлэгт өглөөний цаг авах нь - зөөлөн цэнхэр таазны доор байрлах ариутгасан цагаан ширээ, мэс заслын цэнхэр багаж хэрэгслээр дүүрэн байв
Захидал нь цэвэр цагаан ажлын талбарт шилжихээсээ өмнө тайван, клиник уур амьсгалыг бүрдүүлдэг зөөлөн, агаар мандлын цэнхэр судалтай градиент нээлттэй тэнгэрийн толгойноос эхэлдэг эмнэлгийн захидал бичих хэрэгсэл юм. Системийг монохром хэв маягаар бүтээсэн: цэвэр цагаан даавуу, бараг хар текст (#070709), бараан эм хэлбэртэй үйлдэл хийхийг уриалсан үгс, хамгийн нарийн сүүдэр дээр хөвж буй бөөрөнхий картууд. Ганц тод цэнхэр (#2597d0) нь функциональ цэг таслал - дүрс, микрографик, долгионы хэлбэр тоглуулагчид зориулагдсан бөгөөд товчлуур эсвэл том дүүргэлтэд хэзээ ч ашиглагддаггүй. Типографид том дэлгэцийн хэмжээтэй (-0.04em at 80px) түрэмгий сөрөг үсгийн зайтай геометрийн хүмүүнлэг санс-сериф Open Runde ашигладаг бөгөөд энэ нь толгойг өөртөө итгэлтэй блок болгон шахдаг. Бүрэлдэхүүн хэсгүүд нь эмнэлгийн хэрэгсэл шиг хөнгөн мэдрэгддэг: нимгэн хүрээ, өргөн картын зай, эм хэлбэртэй товчлуурууд, тэнгэр хэлбэртэй толгойд сэтгэл хөдлөлийн ажлыг хийх боломжийг олгодог өндрийн нарийвчлалтай хэрэглээ.
Тэнгэрийн цэнхэр градиент нүүр хуудас нь хуудасны бүх өргөнийг хамарсан бөгөөд гарчиг болон дэд текстийг төвлөрүүлж, доор нь үйлдэлд уриалсан товчлууртай. Энэ нь хэсгүүдийн хооронд өргөн зайтай (80-120 пиксел) цагаан контентын хэсэг рүү жигд шилждэг. Онцлог хэсгүүд нь тэнцүү харьцаатай том, бөөрөнхий картуудын (18-32 пикселийн радиус) хоёр баганатай сүлжээг ашигладаг. Хэсгийн гарчгууд нь картын сүлжээний дээр үргэлж нэг багана дотор төвлөрдөг. Навигаци нь холбоосуудын төвлөрсөн бөөгнөрөл болон баруун тийш зэрэгцүүлсэн нэвтрэх үйлдлүүд бүхий тогтмол цагаан дээд мөр юм. Нийт хэмнэл нь ганц, агаар мандлын гол судал бөгөөд дараа нь цагаан болон #f5f5f5 хэсгүүд ээлжлэн босоо амьсгалах зайтай байдаг. Хажуугийн самбар, мега цэс, тэгш бус байрлал байхгүй - хуудас нь тайван, тэгш хэмтэй багана мэт санагддаг.
Харааны дизайн нь бараг бүхэлдээ бүтээгдэхүүний хэрэглэгчийн интерфэйс дээр төвлөрсөн - амьдралын хэв маягийн зураг байхгүй, хийсвэр 3D дүрслэл байхгүй. Харааны хэл нь аппликейшны уугуул интерфэйсийг харуулсан бүтээгдэхүүний картууд дээр суурилдаг: баримт бичгийн "Өмнө" ба "Дараа" харьцуулалт, цэгэн хүрээтэй ачаалах хэсэг, долгионы хэлбэртэй аудио тоглуулагч. Агаар мандлын цорын ганц харааны элемент бол үндсэн зураг дээрх тэнгэрийн градиент юм. Дүрсүүд нь хавтгай, нэг өнгийн #2597d0 шугаман дүрсүүд (дугтуй, микрофон, тэмдэглэгээ) бөгөөд жигд шугамын жинтэй, дүүргэсэн хувилбаргүй. Зургийн хэв маяг хязгаарлагдмал: бүтээгдэхүүний загваруудыг цагаан дэвсгэр дээр харуулсан, гүн үүсгэхийн тулд бага зэрэг эргүүлсэн, хэзээ ч огцом хазайлгаагүй. Гараар бичсэн фонт (Доктор) нь зөвхөн "Өмнө" карт дээрх клиник гар бичмэлийг санагдуулахад ашигладаг цорын ганц органик/гар аргаар хийсэн элемент юм.
Палетт
Брэнд
- Surgical Blue
#2597d0— Дүрс тэмдэг, микрофоны дүрс тэмдэг, дууны долгион тоглуулагч болон жижиг функциональ өргөлтүүд нь интерфэйс даяар нэг хроматик нот үүсгэдэг.
Төвийг сахисан
- Obsidian
#070709— Цагаан дэвсгэрийн эсрэг тодосгогчийг зөөлрүүлэхийн тулд цэвэр #000-ын оронд үндсэн текст, үйлдэлд дуудах товчлуурууд болон бараан UI элементүүдийг - бараг хар өнгийг сонгосон. - 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 · Гарчиг болон навигацийн үндсэн фонт нь том хэмжээтэй үед үсэг хоорондын зай багатай геометрийн хүмүүнлэг фонт юм; 80 пикселийн -0.04em нь гарчгийг ганц, итгэлтэй блок болгон шахдаг. Бүх гарчиг, навигаци болон том текстэд ашиглана уу.
- Inter — солих: system-ui · тоймууд 400, 500 · Хоёрдогч үндсэн хэсэг болон хэрэглэгчийн интерфэйсийн текст – илүү төвийг сахисан унших хэмнэлийг хүссэн жижиг гарчиг, навигацийн элементүүд болон мөр доторх холбоосуудад ашиглагддаг. Шаталсан ялгаатай байдлыг бий болгохын тулд Open Runde-той хослуулдаг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 12-16px |
| Товчлуурын радиус | 100px |
| Картын радиус | 18px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 80-120px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Letters хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Integrated Biosciences — шөнө дундын биолюминесценцийн лаборатори
- Mintlify — Шилэн ширээний дээгүүрх үүлэн цэцэрлэг. Гараар зурсан тэнгэр болон баримтат киног хамтад нь жаазалсан байдаг бөгөөд энэ нь хуудас нь цагаан өнгөөр бүдгэрэхээс өмнө өнгө, ойлголт мөргөлддөг цорын ганц газар юм.
- Gleap — Графит чимэглэлтэй дулаан цөцгий өнгөөр чимэглэсэн ажлын талбар - маалинган архитектурын дээгүүр царцсан хар бэхний цэгүүд хөвж байгаа мэт санагддаг студи
- Render — Дизайн нь өнгөлсөн хөнгөн цагаан дээр хийгдсэн. Интерфэйс нь цэвэрхэн, геометрийн инженерийн баримт бичиг шиг мэдрэгддэг - цагаан зай, нарийн шугам, үйлдлийг анхаарал татсан ганц нил ягаан шугам.
- Grafbase — хүйтэн гантиг дээр инженерийн зураг зурах
- Slash — Алтлаг дэвтэртэй шөнө дундын сейф
- Modal — Харанхуй серверийн өрөөнд байрлах фосфоресцент терминал - цорын ганц гэрлийн эх үүсвэр нь тод ногоон өнгөтэй
- Whimsical — Лаванда цэцгийн дэвсгэр дээрх өтгөн чавганы бэх—техникийн цагаан самбарын үүрэг гүйцэтгэдэг бүтээлч студийн дэвтэр.
- AgentQL — Шөнийн цагаар терминалын дээгүүр хойд гэрлүүд
- Alveos One — Голын чулуугаар хийсэн тухтай хоргодох газар - зөөлөн хув гэрэлд ганц бал чулуун объект байрладаг чимээгүй, цөцгийтэй гэрэлтэй бясалгалын өрөө
- GitHub — Биолюминесцент хяналтын цэгүүд бүхий сансрын удирдлагын самбар - ганц ногоон гэрэл урагшлах замыг зааж буй харанхуй, агаар мандлын ажлын талбар.
- Buddy — График цаасан дээрх инженерийн зураг. Цагаан зургийн гадаргууг бараг харагдахгүй тороор тэмдэглэсэн бөгөөд бараг хар бэхээр флуоресцент шохойн ногоон тэмдэглэгээ болон солонгорсон градиент зураастай.