Auros
Biolüminesent maglumat toplary bolan Abissal terminaly
“Auros” uçurumda ýerleşýän fintech terminaly hökmünde işleýär: biolüminesent maglumat küreleri we firuze reňkden gülgüne reňke çenli ýagty gradientleri bolan gara reňkli firuze reňkli kanwast, çuňluk, akymlylyk we akym duýgusyny döredýär. Interfeýs minimalist we kinematografik bolup, aşa köp göze ilmeýän ölçeg döretmek üçin agressiw negatiw yzarlaýjy bilen orta galyňlykdaky ýeke ulanyjy displeýine (Matter) daýanýar. Reňkler deň paýlanylýar - achromatik ak we kümüş reňkler diýen ýaly ähli mazmun üçin ulanylýar, hromatik palitra bolsa atmosfer gradientleri üçin saklanýar, kart ýüzlerini tapawutlandyrýar we reňkini firuze-gökden lawanda-gülgüne reňke üýtgedýän ýeke-täk belgili tabletka şekilli düwme. Kartlar beýiklikden has köp inçe firuze ýüzüniň gyralarynda (16 piksel radius, kölege ýok) ýüzýär, şonuň üçin ierarhiýa kagyzdaky kölege däl-de, suwuň çuňlugy hökmünde kabul edilýär. Komponentler oýlanyşykly we gural ýaly görünýär: uly harplar bilen yzarlaýyş bellikleri, inçe geometrik ok nyşanlary, açyk gülgüne reňkdäki uly sanly okaýyşlar.
Mazmuny iň ýokary ini 1440 piksel bolan garaňky, doly giňlikdäki kanwas. Esasy element, tutuş görnüş meýdançasynyň beýikligini öz içine alýan merkezleşdirilen tekst blokydyr (gaş → sözbaşy → alt tekst → herekete çagyryş), fon elementi hökmünde bölejik bar. Bölekler, kanwas we biraz çökük ýüzler arasynda üýtgeýän uly 68 piksel+ dik aralyklar bilen bölünen doly giňlikdäki zolaklardyr. "Öwrenmek" bölümi assimetrik iki sütünli düzülişi ulanýar: çep sütün üst-üste goýlan aýratynlyk kartlaryny öz içine alýar, sag sütün bolsa geometrik molekulýar suraty öz içine alýar. Mazmun gyradan gyra uzalyp gitmegiň ýerine, aňsat okamak üçin dar sütünlerde (iň ýokary ~600 piksel) merkezleşdirilen. Aşakky bölüm, 120 piksel dik gyrasy bolan çökük çukurdyr (#011d1c), çuňňur howuzyň täsirini döredýär. Nawigasiýa, elementleri 16–24 piksel aralykda ýerleşýän inçe, açyk paneldir. Umumy ritm kinematografik we giň - her bölüm dem alýar we çuň, suw ýaly reňk shemasy her bir parçada has çuň düşýän ýaly duýgyny döredýär.
Wizual stil minimalist we atmosferiki. Baş sahypada üç ölçegli bölejik sferasy bar — müňlerçe kiçijik firuze-gök we ak nokatlar aýlanýan sferany emele getirýär, bu bolsa tuwalda we gyralarynda lawanda-gülgüne reňkli aksentlerde gaýtalanýar we maglumat obýektini ýatladýan biolüminesent effekt döredýär. Tekiz geometrik molekulýar diagrammalar (ak tegelekler we garaňky tuwalda inçe birleşdiriji çyzyklar) sag sütunda bezeg elementleri hökmünde hyzmat edýär. Suratlar ýok, durmuş keşbi suratlary ýok, adamlar ýok — wizual dil arassa maglumat grafikalaryna we abstrakt görnüşlere esaslanýar. Bölekjik sferasy brendiň kimliginiň kesgitleýji wizual elementidir; çuň deňiz metaforasyny berkitmek üçin ol her möhüm sahypada azyndan bir gezek peýda bolmaly.
Palitra
Brend
- Liquid Abyss
#012624— Esasy fon sahypanyň esasy bölegi, başlygy, esasy elementi we agdyklyk edýän gara firuze reňkli meýdandyr. Ol deňiziň çuň atmosferasyny döredýär. - Liquid Deep
#011d1c— Çüýşürilen ýüz derejesi aşaky fon we has çuň karton panellerdir. Ol tuwaldan ýarym ton garaňky hökmünde kabul edilýär we çuňlugyň aşaky tarapyna inçe gradiýent döredýär. - Liquid Kelp
#003734— Kartyň galdyrylan ýüzi we düwmäni doldurmak — çukuryň bir ädim ýokarsynda ýerleşýän galdyrylan ýüz. Aýratynlyk kartlary, mazmun panelleri we gradient düwmesiniň başlangyç nokady üçin ulanylýar.
Neýtral
- Liquid Mist
#edfffe— Ak reňkiň sowuk öwüşgini esasy teksti, bölümleriň sözbaşylaryny we ýyly, açyk tipografiýany nygtaýar. Inçe gök reňk esasy teksti firuze reňk shemasyna birleşdirýär. - Platinum
#ffffff— Sap ak reňk sözbaşylar, nawigasiýa elementleri, nyşanlaryň konturlary we ýokary kontrastly tekst üçin ulanylýar. Ol ähli sözbaşy derejelerinde we esasy nawigasiýada esasy tekst reňkidir. - Silver Mist
#bbc7c6— Ikinji derejeli tekst, sessiz düşündirişler we baglanyşyk reňki asyl ýagdaýynda. Olar biraz ýaşyl reňke eýe bolup, firuze fonunyň üstüni ýetirýär. - Ash
#f2f2f2— Sitatalar we synlar üçin goşmaça tekst. "Silver Mist" reňkiniň firuze reňki gaty ýagty bolanda, neýtral, sowuk çal reňk. - Slate Deep
#707777— Işjeň däl ýa-da görünmeýän fonlar üçin inçe ýüz reňki. Ol brezent bilen kartonyň arasynda ýerleşýär we beýikligiň örän inçe tapawudyny döredýär. - Lavender Phosphor
#fde9ff— Uly statistika, hasap sanlary we möhüm ölçegler üçin arka yşyk reňki. Gol çekiş gradientindäki gülgüne reňk garaňky ýüzlerde ýagtylyk beriji hökmünde seýrek ulanylýar.
Tipografiýa
10-dan 96 piksele çenli · 6 ädim
- Matter — çalyşmak: Inter · konturlar 400, 500 · Sözbaşylar we esasy tekst üçin esasy şrift ähli sözbaşylar (H1–H3) we uly kinetiki tekst (86–295px) üçin 500 agramda ulanylýar. Esasy tekst we ulanyjy interfeýsi teksti üçin 400 agramda ulanylýar. Ol uly ölçeglerde agressiw negatiw harp aralygyny (61px-de -0.04em, 86px-de -0.046em) we baş harplarda giň oňyn harp aralygyny (20px-de 0.08em, 12px-de 0.12em, 10px-de 0.15em) öz içine alýar. Sözbaşylar üçin diňe orta agramly şrift ulanmak strategiýasynyň tapawutly aýratynlygy - goýy ýa-da açyk şriftiň ýoklugy - bu şrifte birmeňzeş, mehaniki ynam berýär.
- Arial — çalyşmak: system-ui · konturlar 400 · Interaktiw UI elementleri (nawigasiýa, düwmeler, başlyk mikrokopiýasy, aşaky kolonka) üçin ikinji derejeli ätiýaçlyk. Diňe 14 piksel ölçegde peýda bolýar – Matter ýüklenmedik wagty howpsuz, umumy ätiýaçlyk hökmünde ulanylýar we forma belliklerini, düwme tekstini we kiçi kömekçi teksti öz içine alýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 20px |
| Düwme radiusy | 6px |
| Kart radiusy | 16px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 68px |
| Sahypanyň giňligi | 1440px |
Süni intellekt web sahypaňyzy Auros stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Design Full-Time — bir ýyly projektorly studiýa kinoteatry
- Air — "Aýnanyň içinden gijäniň ýary asmany" heýkeli
- Slash — Altyn örtükli depderler bilen gijäniň ýarymyndaky seýf
- Raycast — Ýarym gijeki dolandyryş merkezi, Mercan Neon
- Dimension — Aýna panelleri bilen örtülen garaňkylyk ýagtylandyrylan iş ýeri
- Modal — Garaňky serwer otagyndaky fosforesens terminal - ýeke-täk ýagtylyk çeşmesi ýagty ýaşyl reňkde
- Giga — Buzly obsidianyň üstünde gijäniň ortasy gözýetim
- Reflect Notes — Ýyldyzly biwel kosmos garaňky obserwatoriýa bolup, onda notalar diýen ýaly gara indigo boşlugynyň fonunda ýyldyzlar topary ýaly ýüzýär.
- Ameba — Ýary gije dolandyryş otagy – buzlanan aýna panelleriň içinde elektrik gök impulsy
- AgentQL — Gije terminalyň üstünde Demirgazyk çyralary
- Frame — Giçki wagtlarda kinoteatrda film görkezilişi üçin kinoteatr. Ähli işi ýekeje gök prožektor ýerine ýetirýän we ulanyjy interfeýsi fona öwrülýän garaňky otag, döredijilik mazmunyny öňe proýeksiýa etmäge mümkinçilik berýär.
- Harness — Ýary gije fosforly ýaşyl reňkli bezegler bilen Missiýa gözegçiligi