Auros

Biolyuminestsent ma'lumotlar sharlari bilan tubsiz terminal

Auros tubsizlikka joylashtirilgan fintech terminali vazifasini bajaradi: biolyuminestsent ma'lumotlar sharlari va firuzadan pushti ranggacha bo'lgan yorug'lik gradientlari bilan deyarli qora firuza rangli kanvas, chuqurlik, ravonlik va oqim hissi yaratadi. Interfeys minimalist va kinematik bo'lib, haddan tashqari yorqin bo'lmasdan masshtab yaratish uchun agressiv salbiy kuzatuvga ega o'rtacha qalinlikdagi bitta foydalanuvchi displeyiga (Matter) tayanadi. Ranglar teng taqsimlangan - deyarli barcha kontent uchun axromatik oq va kumush ranglar ishlatiladi, xromatik palitra esa atmosfera gradientlari uchun ajratilgan, karta sirtlarini ajratib turadi va rangini firuza-ko'kdan lavanda-pushti rangga o'zgartiradigan bitta imzo shaklidagi tugma mavjud. Kartalar balandlikda emas, balki nozik firuza sirt tizmalarida (16 piksel radiusda, soyalarsiz) suzadi, shuning uchun ierarxiya qog'ozdagi soya emas, balki suv chuqurligi sifatida qabul qilinadi. Komponentlar o'ychan va asbobga o'xshash ko'rinadi: katta harflarni kuzatish belgilari, ingichka geometrik strelka piktogrammalari, och pushti rangdagi katta raqamli o'qishlar.

Maksimal kengligi 1440 piksel bo'lgan kontentga ega to'q rangli, to'liq kenglikdagi kanvas. Asosiy element - bu butun ko'rish maydoni balandligini qamrab oluvchi markazlashtirilgan matn bloki (qosh → sarlavha → pastki matn → harakatga chaqiruv), fon elementi sifatida zarracha. Bo'limlar - bu 68 pikseldan ortiq katta vertikal bo'shliqlar bilan ajratilgan to'liq kenglikdagi chiziqlar, ular kanvas va biroz chuqurchaga bo'lingan yuzalar orasida almashinib turadi. "O'rganish" bo'limida assimetrik ikki ustunli tartib qo'llaniladi: chap ustunda ustma-ust qo'yilgan xususiyat kartalari mavjud, o'ng ustunda esa geometrik molekulyar illyustratsiya mavjud. Kontent chekkadan chetga cho'zilish o'rniga, oson o'qish uchun tor ustunlarda (maksimal ~600 piksel) markazlashtirilgan. Pastki qism - bu chuqur hovuz effektini yaratadigan 120 piksel vertikal chegaraga ega chuqurchaga bo'lingan chuqurcha (#011d1c). Navigatsiya elementlari 16-24 piksel oralig'ida joylashgan yupqa, shaffof paneldir. Umumiy ritm kinematik va keng - har bir bo'lim nafas oladi va chuqur, suvga o'xshash ranglar sxemasi har bir parcha bilan chuqurroq tushish hissini yaratadi.

Vizual uslub minimalist va atmosferali. Bosh sahifada uch o'lchovli zarrachalar sferasi mavjud — minglab mayda firuza-ko'k va oq nuqtalar aylanuvchi sharni hosil qiladi, bu esa tuvalga o'xshaydi va chekkalari bo'ylab lavanta-pushti aksentlar aks etadi, bu esa axborot obyektini eslatuvchi biolyuminestsent effekt yaratadi. Yassi geometrik molekulyar diagrammalar (oq doiralar va qorong'u tuvalda ingichka bog'lovchi chiziqlar) o'ng ustunda dekorativ elementlar bo'lib xizmat qiladi. Fotosuratlar yo'q, turmush tarzi tasvirlari yo'q, odamlar yo'q — vizual til toza ma'lumotlar grafikasi va mavhum shakllarga asoslangan. Zarrachalar sferasi brend identifikatsiyasining aniqlovchi vizual elementidir; chuqur dengiz metaforasini mustahkamlash uchun u har bir muhim sahifada kamida bir marta paydo bo'lishi kerak.

Qorong'u Yumshoq gradientlar Minimalizm Monoxrom

https://auros.global

Palitra

Brend

Liquid Abyss #012624 — Asosiy fon sahifaning asosi, sarlavhasi, asosiy elementi va dominant to'q firuza rang maydonidir. U chuqur dengiz atmosferasini yaratadi.
Liquid Deep #011d1c — Chuqurchaga solingan sirt sathi pastki fon va chuqurroq karton panellardir. U tuvalga qaraganda yarim tonna quyuqroq deb qabul qilinadi va chuqurlikning nozik pastga yo'nalishini yaratadi.
Liquid Kelp #003734 — Ko'tarilgan karta yuzasi va tugmani to'ldirish — jarlikdan bir qadam yuqorida joylashgan ko'tarilgan sirt. Xususiyat kartalari, kontent panellari va gradient tugmasining boshlang'ich nuqtasi uchun ishlatiladi.

Neytral

Liquid Mist #edfffe — Oq rangning sovuq soyasi asosiy matnni, bo'lim sarlavhalarini va iliq, och tipografiyani ta'kidlaydi. Nozik ko'k rang asosiy matnni firuza rang sxemasiga uyg'unlashtiradi.
Platinum #ffffff — Sof oq rang sarlavhalar, navigatsiya elementlari, piktogramma konturlari va yuqori kontrastli matn uchun ishlatiladi. Bu barcha sarlavha darajalarida va asosiy navigatsiyada asosiy matn rangidir.
Silver Mist #bbc7c6 — Ikkilamchi matn, xira tavsiflar va havola rangi asl holatida. Ular biroz yashil-yashil tusga ega bo'lib, firuza fonini to'ldiradi.
Ash #f2f2f2 — Iqtiboslar va sharhlar uchun qo'shimcha matn. Silver Mistning firuza rangi juda yorqin tuyulganda neytral, sovuq kulrang tus.
Slate Deep #707777 — Nofaol yoki kam ko'rinadigan fonlar uchun nozik sirt rangi. U tuval va karton orasiga joylashib, juda nozik balandlik farqini ta'minlaydi.
Lavender Phosphor #fde9ff — Katta statistika, hisoblagich raqamlari va muhim ko'rsatkichlar uchun orqa yorug'lik rangi. Imzo gradientidagi pushti rang qorong'u sirtlarda yorqin aksent sifatida kamdan-kam ishlatiladi.

Tipografiya

10 dan 96 pikselgacha · 6 qadam

Matter — almashtirish: Inter · konturlar 400, 500 · Sarlavhalar va asosiy matn uchun asosiy shrift barcha sarlavhalar (H1–H3) va katta kinetik matn (86–295 piksel) uchun 500 og'irlikda ishlatiladi. Asosiy matn va foydalanuvchi interfeysi matni uchun 400 og'irlikda ishlatiladi. Unda katta o'lchamlarda agressiv salbiy harflar oralig'i (61 pikselda -0.04em, 86 pikselda -0.046em) va sarlavha bosh harflarida keng musbat harflar oralig'i (20 pikselda 0.08em, 12 pikselda 0.12em, 10 pikselda 0.15em) mavjud. Sarlavhalar uchun faqat o'rtacha og'irlikdan foydalanish strategiyasi o'ziga xos xususiyatdir - qalin yoki och shrift yo'qligi - bu shriftga bir xil, mexanik ishonch bag'ishlaydi.
Arial — almashtirish: system-ui · konturlar 400 · Interaktiv foydalanuvchi interfeysi elementlari (navigatsiya, tugmalar, sarlavha mikrokopisi, altbilgi) uchun ikkilamchi zaxira. Faqat 14 piksel o'lchamda paydo bo'ladi – Matter yuklanmaganida xavfsiz, universal zaxira sifatida ishlatiladi va forma yorliqlari, tugma matni va kichik yordamchi matnni qamrab oladi.

Intervallar va shakl

Maqsad	Ma'nosi
Zichlik	o'rtacha
Asosiy qadam	20px
Tugma radiusi	6px
Karta radiusi	16px
Soyalar	soyalar o'rniga chegaralar yo'q
Bo'limlar orasida	68px
Sahifa kengligi	1440px

Sun'iy intellekt veb-saytingizni Auros uslubida yaratadi va uni to'ldiradi

Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.

Ushbu uslubda veb-sayt yarating

O'xshash uslublar

Design Full-Time — bitta iliq projektorli studiya kinoteatri
Air — "Shisha orqali yarim tun osmoni" haykali
Slash — Yarim tunda zarhal daftarchalar bilan qoplangan ombor
Raycast — Yarim tunda qo'mondonlik markazi, Coral Neon
Dimension — muzlatilgan shisha panellar bilan qoplangan qorong'u yoritilgan ish joyi
Modal — Qorong'i server xonasidagi fosforli terminal - yagona yorug'lik manbai yorqin yashil rang
Giga — Muzli obsidian ustida yarim tun ufqi
Reflect Notes — Yulduzli binafsha fazo - bu deyarli qora indigo bo'shlig'i fonida notalar yulduz turkumlari kabi suzib yuradigan qorong'u rasadxona.
Ameba — Yarim tunda boshqaruv xonasi – muzlatilgan shisha panellar ichidagi elektr ko'k puls
AgentQL — Kechasi terminal ustidagi shimoliy chiroqlar
Frame — Kechqurun film namoyishlari uchun kinoteatr. Qorong'u xonada bitta ko'k projektor barcha ishlarni bajaradi va foydalanuvchi interfeysi orqa fonga o'tib, ijodiy kontentni oldinga yo'naltirishga imkon beradi.
Harness — Yarim tunda fosforli yashil aksanlar bilan Mission Control