Auros
Биолюминесцент өгөгдлийн бөмбөлөг бүхий ёроолгүй терминал
Auros нь ёроолгүй гүнд байрлах финтек терминалын үүрэг гүйцэтгэдэг: биолюминесцент өгөгдлийн бөмбөлөг бүхий бараг хар оюу өнгийн зураг, оюугаас ягаан хүртэлх гэрлийн градиент нь гүн, шингэн, урсгалын мэдрэмжийг төрүүлдэг. Интерфэйс нь минималист бөгөөд киноны хэлбэртэй бөгөөд хэт тод биш байхгүйгээр масштаб үүсгэхийн тулд түрэмгий сөрөг хяналттай дунд зэргийн зузаантай ганц хэрэглэгчийн дэлгэц (Matter) дээр суурилдаг. Өнгө нь жигд тархсан байдаг - бараг бүх контентод ахроматик цагаан, мөнгөлөг өнгийг ашигладаг бол хроматик палитр нь агаар мандлын градиент, картын гадаргууг ялгах, оюу цэнхэрээс лаванда ягаан болгон өнгийг өөрчилдөг ганц гарын үсэг бүхий эм хэлбэртэй товчлуурт зориулагдсан байдаг. Картууд нь өндрөөс илүү нарийн оюу гадаргуугийн ирмэг дээр (16 пикселийн радиус, сүүдэргүй) хөвдөг тул шатлалыг цаасан дээрх сүүдэр биш харин усны гүн гэж үздэг. Бүрэлдэхүүн хэсгүүд нь бодлоготой, багаж хэрэгсэл шиг харагддаг: том үсгийн мөрдөх тэмдэг, нимгэн геометрийн сумны дүрс, цайвар ягаан өнгийн том тоон уншлага.
Хамгийн ихдээ 1440 пикселийн өргөнтэй контент бүхий бараан, бүрэн өргөнтэй зураг. Үндсэн элемент нь харах цонхны бүх өндрийг хамарсан төвлөрсөн текст блок (хөмсөг → гарчиг → дэд текст → үйлдэлд уриалга) бөгөөд дэвсгэр элемент болгон бөөмсийг ашигладаг. Хэсгүүд нь зураг болон бага зэрэг хонхорхойтой гадаргуугийн хооронд ээлжлэн байрладаг, 68 пикселээс дээш том босоо зайгаар тусгаарлагдсан бүрэн өргөнтэй туузууд юм. "Судлах" хэсэг нь тэгш бус хоёр баганын зохион байгуулалтыг ашигладаг: зүүн баганад давхарласан онцлог картууд байдаг бол баруун баганад геометрийн молекулын зураглал байдаг. Агуулгыг ирмэгээс ирмэг хүртэл сунахын оронд уншихад хялбар болгохын тулд нарийн багануудад (хамгийн ихдээ ~600 пиксел) төвлөрүүлдэг. Хөл хэсэг нь 120 пикселийн босоо захтай хонхорхойтой нүх (#011d1c) бөгөөд гүн цөөрмийн эффектийг бий болгодог. Навигаци нь 16-24 пикселийн зайтай элементүүдтэй нимгэн, тунгалаг самбар юм. Нийт хэмнэл нь кино мэт бөгөөд өргөн цар хүрээтэй - хэсэг бүр амьсгалдаг бөгөөд гүн, ус шиг өнгөний схем нь хэсэг бүрээр илүү гүнзгий унах мэдрэмжийг төрүүлдэг.
Харааны хэв маяг нь минималист бөгөөд агаар мандалтай. Нүүр хуудсан дээр гурван хэмжээст бөөмсийн бөмбөрцөг дүрслэгдсэн байдаг - мянга мянган жижиг оюу цэнхэр, цагаан цэгүүд нь зотон даавууг цуурайтуулж, ирмэг дагуух лаванда ягаан өнгийн өргөлтийг цуурайтуулж, мэдээллийн объектыг санагдуулам биолюминесцент эффектийг бий болгодог. Хавтгай геометрийн молекулын диаграммууд (харанхуй зотон дээрх цагаан тойрог болон нимгэн холбох шугамууд) нь баруун баганад чимэглэлийн элемент болж үйлчилдэг. Зураг байхгүй, амьдралын хэв маягийн зураг байхгүй, хүмүүс байхгүй - харааны хэл нь цэвэр өгөгдлийн график болон хийсвэр хэлбэрүүд дээр суурилдаг. Бөөмийн бөмбөрцөг нь брэндийн өвөрмөц байдлыг тодорхойлох харааны элемент юм; гүн далайн зүйрлэлийг бататгахын тулд энэ нь чухал хуудас бүрт дор хаяж нэг удаа гарч ирэх ёстой.
Палетт
Брэнд
- Liquid Abyss
#012624— Үндсэн дэвсгэр нь хуудасны суурь, толгой хэсэг, гол элемент болон давамгайлсан бараан оюу өнгийн талбар юм. Энэ нь далайн гүний уур амьсгалыг бүрдүүлдэг. - Liquid Deep
#011d1c— Хонхорсон гадаргуугийн түвшин нь хөлийн дэвсгэр болон илүү гүн картон хавтангууд юм. Энэ нь зотон даавуунаас хагас өнгөөр бараан гэж ойлгогдож, гүний доош чиглэсэн нарийн градиент үүсгэдэг. - Liquid Kelp
#003734— Өргөгдсөн картын гадаргуу болон товчлуурын дүүргэлт—ангалаас нэг алхам дээш байрласан өргөгдсөн гадаргуу. Онцлог картууд, контент самбарууд болон градиент товчлуурын эхлэх цэгт ашиглагддаг.
Төвийг сахисан
- Liquid Mist
#edfffe— Цагаан өнгийн хүйтэн өнгө нь үндсэн хэсэг, хэсгийн гарчиг болон дулаан, цайвар хэв маягийг тодотгож өгдөг бол нарийн цэнхэр өнгө нь үндсэн хэсгийг оюу өнгийн схемтэй уялдуулдаг. - Platinum
#ffffff— Цэвэр цагаан өнгийг гарчиг, навигацийн элементүүд, дүрсний тойм болон өндөр тодосгогчтой текстэд ашигладаг. Энэ нь бүх гарчгийн түвшин болон үндсэн навигацийн үндсэн текстийн өнгө юм. - Silver Mist
#bbc7c6— Хоёрдогч текст, бүдэг тайлбар болон холбоосны өнгө нь анхны төлөвөөрөө байна. Тэдгээр нь бага зэрэг ногоон өнгөтэй бөгөөд оюу өнгийн дэвсгэрийг нөхөж байна. - Ash
#f2f2f2— Ишлэл болон шүүмжийн нэмэлт текст. Мөнгөн манангийн оюу өнгийн өнгө хэт тод санагдах үед тохиромжтой төвийг сахисан, хүйтэн саарал өнгө. - Slate Deep
#707777— Идэвхгүй эсвэл харагдах байдал багатай дэвсгэр дээр зориулсан нарийн гадаргуугийн өнгө. Энэ нь зотон даавуу болон картон цаасны хооронд байрладаг тул өндрийн маш нарийн ялгааг бий болгодог. - Lavender Phosphor
#fde9ff— Том статистик, тоолуурын тоо болон чухал үзүүлэлтүүдэд зориулсан арын гэрэлтүүлгийн өнгө. Бараан гадаргуу дээр гэрэлтэгч өргөлт болгон тэмдэгт градиент дахь ягаан өнгийг бага ашигладаг.
Типографи
10-аас 96 пиксел хүртэл · 6 алхам
- Matter — солих: Inter · тоймууд 400, 500 · Гарчиг болон үндсэн текстийн үндсэн фонтыг бүх гарчиг (H1–H3) болон том кинетик текст (86–295 пиксел)-д 500 жинтэй ашигладаг. Үндсэн текст болон хэрэглэгчийн интерфэйсийн текстэд 400 жинтэй ашигладаг. Энэ нь том хэмжээтэй үед сөрөг үсгийн зайг түрэмгий (61 пиксел дээр -0.04em, 86 пиксел дээр -0.046em), гарчгийн том үсгийн зайг өргөн (20 пиксел дээр 0.08em, 12 пиксел дээр 0.12em, 10 пиксел дээр 0.15em) агуулдаг. Гарчигт зөвхөн дунд зэргийн жин ашиглах стратеги нь тод эсвэл цайвар фонтгүй байх онцлог шинж чанартай бөгөөд энэ нь фонтыг жигд, механик итгэлтэй болгодог.
- Arial — солих: system-ui · тоймууд 400 · Интерактив UI элементүүдийн (навигаци, товчлуурууд, толгой хэсгийн бичил хуулбар, хөл хэсэг) хоёрдогч нөөц хувилбар. Зөвхөн 14 пиксел дээр гарч ирнэ - Matter ачаалагдаагүй үед аюулгүй, бүх нийтийн нөөц хувилбар болгон ашигладаг бөгөөд маягтын шошго, товчлуурын текст болон жижиг туслах текстийг хамардаг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 20px |
| Товчлуурын радиус | 6px |
| Картын радиус | 16px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 68px |
| Хуудасны өргөн | 1440px |
Хиймэл оюун ухаан таны вэбсайтыг Auros хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Design Full-Time — нэг дулаан гэрэлтүүлэгтэй студи кино театр
- Air — "Шөнө дундын тэнгэрийг шилээр нэвтлэн" баримал
- Slash — Алтлаг дэвтэртэй шөнө дундын сейф
- Raycast — Шөнө дундын командлалын төв, Корал Неон
- Dimension — Царцсан шилэн хавтантай, бүрийх гэрэлтэй ажлын байр
- Modal — Харанхуй серверийн өрөөнд байрлах фосфоресцент терминал - цорын ганц гэрлийн эх үүсвэр нь тод ногоон өнгөтэй
- Giga — Хүйтэн обсидиан дээгүүр шөнө дундын тэнгэрийн хаяа
- Reflect Notes — Одтой нил ягаан огторгуй бол бараг хар индиго хоосон байдлын дэвсгэр дээр одны орд мэт хөвдөг харанхуй ажиглалтын төв юм.
- Ameba — Шөнө дундын удирдлагын өрөө – царцсан шилэн хавтангийн доторх цахилгаан цэнхэр импульс
- AgentQL — Шөнийн цагаар терминалын дээгүүр хойд гэрлүүд
- Frame — Шөнө орой кино үзэх зориулалттай кино театр. Ганц цэнхэр прожектор бүх ажлыг хийдэг харанхуй өрөө бөгөөд хэрэглэгчийн интерфэйс нь арын дэвсгэр дээр бүдгэрч, бүтээлч контентыг урагшлуулах боломжийг олгодог.
- Harness — Фосфорын ногоон өнгийн чимэглэлтэй шөнө дундын Mission Control