Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukgaratzaileEnpresentzako IA tresnak garatzen. Kalitate handikoa. Merkea.Idatzi Telegram bidez
Auros — estilo honetako gune baten aurrebista

Auros

Abisal terminala datu-bola biolumineszenteekin

Auros amildegi batean ezkutatutako finantza-teknologiako terminal gisa funtzionatzen du: datu-esfera biolumineszenteak eta turkesatik arrosarako argi-gradienteak dituen turkesa koloreko mihise ia beltza, sakontasun, jariakortasun eta fluxu sentsazioa sortuz. Interfazea minimalista eta zinematografikoa da, lodiera ertaineko erabiltzaile-pantaila bakarrean (Matter) oinarritzen da, jarraipen negatibo oldarkorrarekin, eskala sortzeko, gehiegi deigarria izan gabe. Koloreak uniformeki banatuta daude: zuri eta zilar akromatikoak erabiltzen dira ia eduki guztietarako, eta paleta kromatikoa gradiente atmosferikoetarako gordeta dago, txartelen gainazalak bereizteko, eta turkesa-urdinetik izpiliku-arrosara kolorea aldatzen duen pilula-formako botoi bakarrean. Kartak turkesa gainazaleko gandor sotilen gainean flotatzen dute (16px-ko erradioa, itzalik gabe), altueraren ordez, beraz, hierarkia uraren sakonera bezala hautematen da, paperean itzal bat baino. Osagaiak pentsakorrak eta tresna-itxurakoak dira: maiuskulak diren jarraipen-marka, gezi geometriko meheak, arrosa argi koloreko irakurketa numeriko handiak.

Mihise ilun eta zabalera osokoa, gehienez 1440px-ko zabalera duen edukiarekin. Elementu nagusia erdiko testu-bloke bat da (begizta → izenburua → azpitestua → ekintzarako deia), ikuspegi-leihoaren altuera osoa hartzen duena, partikula bat atzeko planoko elementu gisa duela. Atalak zabalera osoko zerrendak dira, 68px+-ko espazio bertikal handiek bereizita, mihisearen eta gainazal zertxobait hondoratuen artean txandakatuz. "Arakatu" atalak bi zutabeko diseinu asimetrikoa erabiltzen du: ezkerreko zutabeak ezaugarri-txartel pilatuak ditu, eta eskuineko zutabeak, berriz, ilustrazio molekular geometriko bat. Edukia zutabe estuetan zentratuta dago (gehienez ~600px) irakurketa errazteko, ertzetik ertzera luzatu beharrean. Oina hondoratutako zulo bat da (#011d1c), 120px-ko marjina bertikal batekin, putzu sakon baten efektua sortuz. Nabigazioa panel mehe eta garden bat da, elementuak 16-24px-ko tartearekin. Erritmo orokorra zinematografikoa eta zabala da: atal guztiek arnasa hartzen dute, eta kolore-eskema sakon eta urtsuak sakonago erortzearen sentsazioa sortzen du pasarte bakoitzarekin.

Estilo bisuala minimalista eta atmosferikoa da. Hasierako orrialdeak hiru dimentsioko partikula-esfera bat du: milaka puntu txiki turkesa-urdin eta zurik mihisearen oihartzuna duen biraketa-esfera bat osatzen dute, eta ertzetan izpiliku-arrosa koloreko azentuak, informazio-objektu baten antzeko efektu biolumineszentea sortuz. Diagrama molekular geometriko lauak (zirkulu zuriak eta mihise ilun batean dauden lotura-lerro meheak) eskuineko zutabean elementu apaingarri gisa balio dute. Ez argazkirik, ez bizimodu-irudirik, ez pertsonarik: hizkuntza bisuala datu-grafiko garbietan eta forma abstraktuetan oinarritzen da. Partikula-esfera marka-identitatearen elementu bisual definitzailea da; gutxienez behin agertu behar da orrialde garrantzitsu guztietan, itsaso sakoneko metafora indartzeko.

Paleta

Marka

  • Liquid Abyss #012624 — Atzeko plano nagusia orrialdearen oinarria, goiburua, elementu nagusia eta turkesa ilun koloreko eremu nagusia da. Itsaso sakoneko giroa sortzen du.
  • Liquid Deep #011d1c — Gainazal hondoratua oin-oinaren atzeko planoa eta kartoizko panel sakonagoak dira. Mihisea baino erdi-tonu ilunagoa dela hautematen da, sakonera-gradiente beheranzko sotil bat sortuz.
  • Liquid Kelp #003734 — Txartelaren gainazal altxatua eta botoi-betegarria — amildegiaren gainetik maila bat kokatutako gainazal altxatua. Ezaugarri-txarteletarako, eduki-paneletarako eta gradiente-botoi baten abiapunturako erabiltzen da.

Neutroa

  • Liquid Mist #edfffe — Zuri tonu hotz batek testuaren gorputza, atalen izenburuak eta tipografia epel eta argia nabarmentzen ditu. Urdin tonu sotil batek testuaren gorputza turkesa kolore-eskeman lotzen du.
  • Platinum #ffffff — Zuri purua erabiltzen da izenburuetarako, nabigazio elementuetarako, ikonoen eskemetarako eta kontraste handiko testuetarako. Izenburu maila guztietako eta nabigazio nagusiko testu kolore nagusia da.
  • Silver Mist #bbc7c6 — Bigarren mailako testua, deskribapen isilak eta estekaren kolorea jatorrizko egoeran. Berdexka koloreko tonu txiki bat dute, turkesa koloreko atzeko planoarekin bat datorrena.
  • Ash #f2f2f2 — Aipu eta iritzietarako testu gehigarria. Gris tonu neutro eta freskoa, Silver Mist-en turkesa azpiko tonua distiratsuegia iruditzen denean.
  • Slate Deep #707777 — Atzeko plano inaktibo edo ikusgarritasun gutxikoetarako gainazaleko tonu sotila. Mihisearen eta kartoiaren artean kokatzen da, altuera-alde oso sotila sortuz.
  • Lavender Phosphor #fde9ff — Atzeko argiaren kolorea estatistika handietarako, kontagailu-zenbakietarako eta metrika garrantzitsuetarako. Sinadura-gradientearen arrosa-tonua gutxitan erabiltzen da gainazal ilunetan azentu argitsu gisa.

Tipografia

10etik 96px-ra · 6 urrats

  • Matter — ordezkapena: Inter · eskemak 400, 500 · Izenburuetarako eta gorputz-testuetarako letra-tipo nagusia erabiltzen da, 500eko pisuarekin izenburu guztietarako (H1–H3) eta testu zinetiko handietarako (86–295px). 400eko pisua erabiltzen da gorputz-testuetarako eta erabiltzaile-interfazearen testurako. Tamaina handietan letren arteko tarte negatibo oldarkorra du (-0,04em 61px-tan, -0,046em 86px-tan) eta letren arteko tarte positibo zabala izenburu-maiuskuletan (0,08em 20px-tan, 0,12em 12px-tan, 0,15em 10px-tan). Izenburuetarako pisu ertaina soilik erabiltzeko estrategia ezaugarri bereizgarria da —letra-tipo lodi edo argirik ez—, eta horrek letra-tipoari konfiantza mekaniko eta uniformea ematen dio.
  • Arial — ordezkapena: system-ui · eskemak 400 · UI elementu interaktiboetarako bigarren mailako ordezko bat (nabigazioa, botoiak, goiburuaren mikrokopia, orri-oina). 14px-tan bakarrik agertzen da – Matter kargatzen ez denean ordezko seguru eta unibertsal gisa erabiltzen da, eta formularioen etiketak, botoien testua eta laguntza-testu txikia hartzen ditu barne.

Tarteak eta forma

HelburuaEsanahia
Dentsitateabatez bestekoa
Oinarrizko urratsa20px
Botoiaren erradioa6px
Txartelaren erradioa16px
Itzalakez - itzalen ordez ertzak
Atalen artean68px
Orriaren zabalera1440px

Adimen artifizialak zure webgunea Auros estiloan eraikiko du eta beteko du

  • Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
  • Transferitu edukia zure gune zaharretik: zehaztu helbidea.
  • Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
  • Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.

Estilo antzekoak

  • Design Full-Time — estudioko zinema bat foku bero batekin
  • Air — eskultura "Gauerdiko zerua beiraren bidez"
  • Slash — Gauerdiko ganga urreztatutako kontabilitate-liburuekin
  • Raycast — Gauerdiko Komando Zentroa, Coral Neon
  • Dimension — beirazko panel izoztuak dituen ilunabarrean argiztatutako lan-estazioa
  • Modal — Terminal fosforeszente bat zerbitzari-gela ilun batean - argi-iturri bakarra berde biziko kolorea da
  • Giga — Gauerdiko horizontea obsidiana izoztuaren gainean
  • Reflect Notes — Izarrez estalitako bioleta espazioa behatoki ilun bat da, non notak konstelazioak bezala flotatzen diren ia beltz koloreko hutsune baten atzealdean.
  • Ameba — Gauerdiko kontrol-gela – beirazko panel izoztuen barruan pultsu urdin elektriko bat
  • AgentQL — Iparraldeko argiak terminalaren gainean gauez
  • Frame — Gaueko filmak proiektatzeko zinema bat. Gela ilun bat, non foku urdin bakar batek lan guztia egiten duen, eta erabiltzaile-interfazea atzeko planoan desagertzen den, sormen-edukiaren proiekzioa ahalbidetuz.
  • Harness — Misio Kontrola gauerdian, azentu berde fosforeszenteekin