Superpower
Биолюминесцент Эрүүл Мэндийн Менежментийн Төв
Супер хүч нь кино мэт, агаар мандлын хэрэглэгчийн интерфэйсээр ноцтой клиник амлалтыг илэрхийлдэг: бараан, бүрэн өргөн зургууд нь тод цагаан контент гадаргуу руу жигд шилжиж, харин нэг тод нар мандах улбар шар өнгийн өргөлт нь систем даяар лугшина. Типографи нь брэндийг төлөөлдөг - хамгийн бага сөрөг үсэг зайтай, мета өгөгдлийн хувьд 11 пикселээс дэлгэцийн хувьд 66 пиксел хүртэл масштабтай, хэмжээ нэмэгдэх тусам мөрийн зай нь шахагддаг (дэлгэцийн хувьд 1.00, үндсэн хуулбарын хувьд 1.40–1.50). Хөвөгч, бараан, капсул хэлбэртэй навигацийн самбар нь зургуудын дээр байрлаж, капсул хэлбэртэй үйлдэлд уриалга нь клиник нарийвчлал болон дулаан, амин чухал энергийн хооронд зөрчил үүсгэдэг. Гадаргуу нь ихэвчлэн хавтгай байдаг - систем нь хүчтэй өргөлтийн оронд их хэмжээний цагаан зай, нарийн цайрын хуваагч, ганц нарийн сүүдрийн хээг ашигладаг. Өнгө нь ховор хэрэглэгддэг: бараг бүх зүйл хар, цагаан эсвэл цайрын саарал өнгөтэй байдаг бөгөөд улбар шар нь зөвхөн үйлдэл болон брэндийн үйлдлүүдэд функциональ цэг таслалын тэмдэг болж харагддаг.
Үндсэн зураг нь бүрэн өргөнтэй кино зураг буюу гүн оюу цэнхэр тэнгэрийн эсрэг хүний дүрсийг давамгайлсан; зураг нь эрүүл мэндийн амлалттай сэтгэл хөдлөлийн жин, ялгаатай байдлыг бий болгохын тулд зориудаар бараан, сэтгэл хөдлөлтэй байна. Хоёрдогч зургууд нь амьдралын хэв маягийн гэрэл зургийн оронд нарийн, эмх цэгцтэй бүтээгдэхүүний хэв маягийн зургууд (гантиг улбар шар гишүүнчлэлийн карт, аппликейшны дэлгэцийн агшин) юм. Зураг чимэглэл, 3D дүрслэл, хийсвэр график байхгүй - гэрэл зургийн ялгаатай байдал нь харааны өвөрмөц байдал юм. Гишүүнчлэлийн картыг Sunrise өнгөөр органик гантиг хээ/лаавын чийдэнгээр чимэглэсэн бөгөөд энэ нь цорын ганц чимэглэлийн харааны элемент юм. Дүрсүүд нь хар нүүрстөрөгчийн нарийн зураастай 7.5 пикселийн шугамын радиустай (зөөлөн бөөрөнхий дөрвөлжин) байна.
Палетт
Брэнд
- Sunrise Coral
#fc5f2b— Улбар шар өнгийг гоёл чимэглэлийн нарийн ширийн зүйлсийн хоёрдогч өргөлт болон ховор тохиолддог дохиог тодруулахад ашигладаг. Үүнийг үйлдэлд уриалахад үндсэн өнгө болгон ашиглаж болохгүй. - Coral Glow
#ff8b64— Гишүүнчлэлийн картын гоёл чимэглэлийн дизайнд зориулж градиент төгсгөлийн цэгийг Sunrise Coral өнгөтэй хослуулсан.
Төвийг сахисан
- Carbon Black
#18181b— Үндсэн текст, хөвөгч навигацийн самбарын дүүргэлт, гарчиг, дүрс тэмдгийн тойм. - Pure Black
#000000— Лого, текст тэмдэг, гүн тодосгогчтой жааз - Zinc Gray
#71717a— Үндсэн текст, нэмэлт тайлбар, далд мета өгөгдөл, туслах текст. - Ash Gray
#a1a1aa— Гуравдагч текст, идэвхгүй хил хязгаар, идэвхгүй төлөвүүд - Mist Gray
#e4e4e7— Нарийн ирмэгийн шугам, картын тойм, хуваах шугам, товчлуурын хүрээ. - Fog Gray
#f4f4f5— Гадаргуугийн нарийн тэгш бус байдал, бүдэг дэвсгэр, торон суурь дээр давхарласан зураг.
Типографи
11-ээс 66 пиксел хүртэл · 8 алхам
- NB International Pro — солих: Inter Tight · тоймууд 400, 700 · Дизайн, гарчиг, үндсэн текст, хэрэглэгчийн интерфэйс, навигаци зэрэг бүх зүйл нь нэгдмэл байдлаар нэгтгэгдсэн. Гарын үсэг нь хэмжээнээс хамааран өргөтгөх боломжтой (жижиг үндсэн текстийн хувьд -0.025em-ээс 66px хүртэл) сөрөг үсгийн зайг эрс нарийсгасан бөгөөд хэмжээ нэмэгдэх тусам шахагддаг мөрийн зайтай хослуулсан нь гарчгийг Superpower-ийг анагаах ухааны технологийн салбар дахь хөнгөн жинтэй өрсөлдөгчдөөс нь ялгаж салгадаг цул, зурагт хуудас шиг нягтралтай болгодог.
- NB International Mono Pro — солих: JetBrains Mono · тоймууд 400 · Хүснэгтийн мета өгөгдөл, микротекстийн тэмдэглэл, техникийн шошгыг клиник/багажийн арга барил шаардлагатай нөхцөлд ховор ашигладаг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 11px |
| Товчлуурын радиус | 9999px |
| Картын радиус | 15px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 75px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Superpower хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Visitors — цагаан инженерийн зураг
- Dock — Нарны гэрэлтэй крем цаас, кобальт импульс
- Flying Papers — Бямба гарагийн өглөөний хүүхэлдэйн киноны тухай наманчлал
- Quizlet — Анги танхимыг цагаан дэвсгэр дээр янз бүрийн өнгөөр чимэглэсэн - чимээгүй ширээ, түүний ард дөрвөн пастел карт нь хүйтэн саарал хананы дэвсгэр дээр цорын ганц тод өргөлт болж, индиго маркераар хийсэн ганц тэмдэг юм.
- ON.energy — Шөнө дундын ган дээрх шар өндөр хүчдэлийн анхааруулах тэмдэг
- Navigate — Самбарт наасан олон тооны наалт: том, аймшигтай фонт, бүгд шахмал хэлбэртэй, лого шиг давтагдсан таван өнгийн дүрс
- Linear — шөнө дундын нарийвчлалтай багаж хэрэгсэл
- Pop Site — Цагаан ханан дээр хөвж буй, ганц цэнхэр цэг бүхий хар өнгийн гайхалтай гарчигтай, тод үсгийн галерей
- Hyperstudio — Зураг нь обсидиан өнгөөр зурагдсан. Текст болон нарийн шугамууд нь цэвэр хар цагаан зайг хүрээлж, хааяа алтан луужингийн тэмдэгнүүд замыг заана.
- Pa'lais — Зөгийн баланд дэвтээсэн мэт ургамлын ноорог ном. Цөцгийтэй цаас, цэнхэр toile de Jouy шугаман чимэглэл, дулаан өнгөний хослолууд нь гар хийцийн жорын номыг санагдуулдаг бол тод, товчилсон фонт болон цагаан зай нь орчин үеийн, редакторын мэдрэмжийг төрүүлдэг.
- Raus — Цөцгий цаасан дээр бичсэн тухтай тэмдэглэлийн дэвтэр—хуудас бүр нь ойгоос ирсэн ил захидал шиг юм.
- Privy — Гантиг дээр бэхээр буулгасан редакцийн нийтлэл. Цагаан гантиг даавуу, нягт шахагдсан хар сериф гарчиг, дээр нь ганц нил ягаан өнгийн туг - эрх мэдлийн илэрхийлэл.