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.
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.
O'xshash uslublar
- Linearity — Yorqin studiya konsoli. Oq interfeys, xrom aksentlar va vaqti-vaqti bilan eritilgan to'q sariq ranglar bilan bezatilgan minimalist qora ish joylari bilan ekranlar yarating.
- Design Full-Time — bitta iliq projektorli studiya kinoteatri
- Graphite — Yorqin uchli panjara. Aniq oq tipografik belgilar va vaqti-vaqti bilan spektral yorug'lik chaqnashlari atrofida qorong'u, chegaralangan mahsulot yuzalarini yarating.
- Featurebase — Binafsha rangli konsol. Har bir sahifani qorong'u, sokin sahna sifatida tasavvur qiling, unda mahsulot uchun yorqin ish maydoni pastki chetidan chiqib turadi.
- BAM Photographers — Yarim tundan keyingi galereya proyeksiyasi. Qora tuval, kattalashtirilgan oq harflar va kinematografik tasvirlar juftligi veb-sayt odatiy tahririyat panjarasidan ko'ra ko'proq proyeksiya portfeliga o'xshash tuyg'uni yaratadi.
- Nuxt — Chuqur fazoda terminal porlashi. Ko'k-qora sirtlarga qarshi signal sifatida yashil chiroq paydo bo'ladigan qorong'u, yopiq interfeys tekisliklarini yarating.
- AZAK — Qorong'i tushganda ekspeditsiya mashinasi. Sahifalar ketma-ketligi qisqacha texnik tavsiflardan iborat: qora maydon, texnik xususiyatlarning yorug'lik varag'i va keyin vizuallashtirilgan harakatlantiruvchi tizim.
- 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