Mercury
Үдшийн бүрий дэх Альпийн эрэг
Мөнгөн ус нь Альпийн банкны гоо зүйн хүрээнд ажилладаг: бараг хар өнгийн зураг (#171721) нь кино урлагийн, ажиглалтын өрөө шиг уур амьсгалыг бүрдүүлдэг бөгөөд контентын гадаргуу нь арай хөнгөн бал чулуун карт шиг хөвдөг. Интерфэйс нь голчлон монохром хэлбэртэй - оникс дээрх зааны ясан текст, зөвхөн "Нээлттэй данс" гэсэн үндсэн үйлдэлд ашиглагддаг ганц тод кобальт (#5266eb) элементтэй. Типографи нь үндсэн илэрхийлэлийг агуулдаг: 480 хэмжээтэй (тод ч биш, цайвар ч биш) дэлгэцийн фонт нь 400 хэмжээтэй нарийн биет фонттой хослуулсан нь өөртөө итгэлтэй боловч хэзээ ч тод биш хэв маягийг бий болгодог. Бүрэлдэхүүн хэсгүүд нь хавтгай, хүрээгүй бөгөөд сүүдэр биш харин бүтцийг тодорхойлохын тулд 12 пикселийн бал чулуун картын радиус болон капсул хэлбэртэй удирдлагад тулгуурладаг. Хуудасны бүх гадаргууг эзэлдэг гол гэрэл зургийн элемент - ганцаардмал ширээний эсрэг манантай уулс - нь хэрэглэгчийн интерфэйс эхлэхээс өмнө өнгө аясыг тогтоодог бөгөөд дараагийн элемент бүр нам гүм, дээд зэргийн харанхуйг хадгалдаг.
Бүх контентыг бараан, бүтэн өргөнтэй хэв маягаар бүтээсэн. Үндсэн дэлгэц нь 100 пикселийн, бүтэн өргөнтэй зураг бөгөөд төвд нь байрлуулсан гарчиг, дэд текст, имэйл холбоо барих мэдээллийг цуглуулах маягтын блоктой (хамгийн их өргөн ~640 пиксел). Үндсэн дэлгэцийн доор контентыг зүүн талд хоёр баганатай текст, баруун талд зураг, гурван баганатай бүтээгдэхүүний тайлбар картуудын хооронд ээлжлэн байрлуулсан 72 пикселийн босоо захтай, хамгийн ихдээ 1200 пикселийн өргөнтэй хэсгүүдэд зохион байгуулсан. Навигаци нь үндсэн дэлгэцэн дээр давхарласан тунгалаг дээд самбар бөгөөд гүйлгэх үед царцсан шилийг санагдуулам хатуу бараан дүүргэлт рүү шилждэг (арын дэвсгэр бүдгэрэл). Хөл хэсэг нь тэмдэглэлийн тексттэй бараан өнгөтэй. Босоо хэмнэл нь өргөн цар хүрээтэй - хэсгүүдийн хооронд хангалттай зайтай өргөн нягтралтай. Хажуугийн навигаци байхгүй; бүх навигаци нь дээд самбарт байрладаг.
Үндсэн хэсэгт агаар мандлын, урам зориг өгсөн ландшафтууд (манантай уулс, байгалийн тусгаарлагдсан ажлын орон зай) зэрэг бүрэн хэмжээний кинематографийн гэрэл зургууд давамгайлсан бөгөөд эдгээр нь банкны үйл ажиллагааг эргэцүүлэн бодох, гайхалтай туршлага гэж үздэг. Гэрэл зургууд нь өндөр чанартай, бага зэрэг ханаагүй, хүйтэн өнгө аястай, текстийн уншигдахуйц байдлыг хадгалахын тулд нарийн бараан давхаргатай. Үндсэн хэсгийн доор зургууд нь бүтээгдэхүүний хэрэглэгчийн интерфэйсийн дэлгэцийн агшин болон хийсвэр, агаар мандлын дэвсгэрүүдтэй ээлжлэн байрладаг. Зураг чимэглэл, урлагийн бүтээлтэй төстэй дүрс байхгүй - харааны элементүүд нь гэрэл зургийн эсвэл цэвэр ажиллагаатай. Хэрэглэгчийн интерфэйс дээрх дүрсний хэв маяг нь навигаци, товчлуур, хэлбэрийн элементүүдэд ашиглагддаг минималист, зааны ясан өнгөтэй шугам/глиф хэв маяг юм.
Палетт
Брэнд
- Cobalt
#5266eb— Нил ягаан өнгийг дүүргэсэн товчлуурууд, сонгосон навигацийн төлөвүүд болон фокусад суурилсан хөрвүүлэлтийн мөчүүдэд ашигладаг.
Төвийг сахисан
- Onyx Canvas
#171721— Үндсэн хуудасны дэвсгэр зураг, нүүр дэлгэцийн үндсэн давхарга, хөл хэсэг болон хэсгүүдийн зураг. - Graphite Card
#1e1e2a— Картон болон хэсгүүдийн өргөгдсөн гадаргуу нь зотон даавуунаас нэг алхам хөнгөн тул жигд тусгаарлалт үүсгэдэг. - Obsidian Button
#272735— Нэмэлт товчлуурын дүүргэлт, суулгагдсан маягтын дэвсгэр, анзаарагдахааргүй интерактив гадаргуу. - Slate Border
#70707d— Дунд зэргийн зузаантай хуваагч ба агуулгын блокуудын хоорондох бүтцийн хил хязгаар. - Mist Border
#e2e3ed— Нарийхан, бараг анзаарагдахгүй хүрээ, бараг анзаарагдахгүй товчлуурын хүрээ, оролтын талбарын ирмэг - бараан дэвсгэр дээр цайвар хүрээ. - Ash Text
#c3c3cc— Үндсэн текст, туслах текст, нэмэлт шошго - уншигдах чадвараа алдалгүйгээр хялбаршуулсан шатлал.
Типографи
12-оос 65 пиксел хүртэл · 9 алхам
- arcadia — солих: Inter · тоймууд 360, 400, 420, 480 · Үндсэн болон хэрэглэгчийн интерфэйс - Навигаци, үндсэн текст, товчлуур, оролтын талбар, шошго болон туслах текстэд зориулсан фонт бөгөөд үндсэн текстийн жин 400, тодруулгын жин 480 байна. Стандарт (300/400/600)-ийн оронд дунд зэргийн жингийн хэмжээс (360, 420, 480) нь Меркури текстэд хэзээ ч тод, хэзээ ч нимгэн биш, үргэлж хэмжүүртэй тод тэнцвэртэй төрхийг өгдөг.
- arcadiaDisplay — солих: Söhne Breit · тоймууд 360, 480, 530 · Гарчиг болон гоёл чимэглэлийн элементүүдийн фонтыг 28 пикселээс 65 пиксел хүртэлх бүх гарчгийн хэмжээтэй 480 жинтэй ашигладаг бол 530 нь хамгийн том гоёл чимэглэлийн элементүүдэд зориулагдсан. Мөрийн өндөр бага (1.1–1.2) болон үсгийн зай эерэг (0.01–0.02 см) нь гоёл чимэглэлийн текстэд редакцийн текстэд байдаг шахагдсан бүтцийн оронд өргөн хүрээтэй, архитектурын харагдацыг өгдөг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 12px |
| Товчлуурын радиус | 32px |
| Картын радиус | 12px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 72px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Mercury хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Origin Financial — Чимээгүй тансаг байдлын шөнө дундын галерей. Том сериф фонтууд болон хэдэн гэрэлтсэн өнгийн самбарууд нь санхүү бол нямбайлан боловсруулсан урлагийн бүтээл гэсэн мэдрэмжийг төрүүлдэг нам гүм, бараг харанхуй өрөө.
- Air — "Шөнө дундын тэнгэрийг шилээр нэвтлэн" баримал
- Slash — Алтлаг дэвтэртэй шөнө дундын сейф
- dope.security — Нил ягаан өнгийн гэрэлт цамхагтай шөнө дундын терминал
- Modal — Харанхуй серверийн өрөөнд байрлах фосфоресцент терминал - цорын ганц гэрлийн эх үүсвэр нь тод ногоон өнгөтэй
- Giga — Хүйтэн обсидиан дээгүүр шөнө дундын тэнгэрийн хаяа
- Dovetail — Шөнө дундын зураг төслийн хяналтын төв
- Dovetail — Хар сарны доорх зураг төсөл — бараг харагдахгүй график шугам, цагаан фонт, нэг нил ягаан гялалзсан зураг
- AgentQL — Шөнийн цагаар терминалын дээгүүр хойд гэрлүүд
- Supabase — Шөнө дундын үед фосфоресцент ногоон цэгтэй код засварлагч - нүүрсний тоосны тэнгис дээрх ганц хроматик импульс
- Changelog — Харанхуй шилний ард байрлах ажиглалтын консол
- GitHub — Биолюминесцент хяналтын цэгүүд бүхий сансрын удирдлагын самбар - ганц ногоон гэрэл урагшлах замыг зааж буй харанхуй, агаар мандлын ажлын талбар.