Auros
Terminal abisal cu bile de date bioluminescente
Auros funcționează ca un terminal fintech cuibărit în abis: o pânză turcoaz aproape neagră, cu sfere de date bioluminescente și gradienți de lumină de la turcoaz la roz, creând o senzație de profunzime, fluiditate și flux. Interfața este minimalistă și cinematică, bazându-se pe un singur ecran pentru utilizator (Matter) de grosime medie, cu urmărire negativă agresivă pentru a crea o scară fără a fi excesiv de stridentă. Culorile sunt distribuite uniform - alburile și argintiile acromatice sunt folosite pentru aproape tot conținutul, în timp ce paleta cromatică este rezervată gradienților atmosferici, care disting suprafețele cărților și un singur buton caracteristic în formă de pastilă, care își schimbă culoarea de la albastru-turcoaz la roz-levănțică. Cărțile plutesc pe creste subtile de suprafață turcoaz (rază de 16px, fără umbre), mai degrabă decât pe înălțime, astfel încât ierarhia este percepută ca adâncimea apei, mai degrabă decât ca o umbră pe hârtie. Componentele arată atent și ca niște instrumente: marcaje de urmărire cu majuscule, pictograme săgeată geometrice subțiri, afișaje numerice mari în roz pal.
O pânză închisă la culoare, pe toată lățimea, cu conținut la o lățime maximă de 1440px. Elementul principal este un bloc de text centrat (brow → headline → subtext → call to action) care se întinde pe întreaga înălțime a viewport-ului, cu o particulă ca element de fundal. Secțiunile sunt benzi pe toată lățimea, separate de spații verticale mari de peste 68px, alternând între pânză și suprafețe ușor încastrate. Secțiunea „Explorează” folosește un aspect asimetric pe două coloane: coloana din stânga conține fișe de caracteristici stivuite, în timp ce coloana din dreapta prezintă o ilustrație moleculară geometrică. Conținutul este centrat în coloane înguste (maxim ~600px) pentru o citire ușoară, în loc să se întindă de la o margine la alta. Subsolul este o groapă încastrată (#011d1c) cu o margine verticală de 120px, creând efectul unei piscine adânci. Navigarea este un panou subțire, transparent, cu elemente distanțate la 16–24px. Ritmul general este cinematic și spațios - fiecare secțiune respiră, iar schema de culori profunde, asemănătoare apei, creează senzația de a te adânci cu fiecare pasaj.
Stilul vizual este minimalist și atmosferic. Pagina principală prezintă o sferă de particule tridimensională - mii de puncte minuscule turcoaz-albastru și albe care formează o sferă rotativă ce reflectă pânza și accente roz-lavandă de-a lungul marginilor, creând un efect bioluminescent care amintește de un obiect informațional. Diagrame moleculare geometrice plate (cercuri albe și linii subțiri de legătură pe o pânză întunecată) servesc drept elemente decorative în coloana din dreapta. Fără fotografii, fără imagini cu stil de viață, fără oameni - limbajul vizual se bazează pe grafică de date curată și forme abstracte. Sfera de particule este elementul vizual definitoriu al identității mărcii; trebuie să apară cel puțin o dată pe fiecare pagină importantă pentru a consolida metafora adâncurilor mării.
Paletă
Marca
- Liquid Abyss
#012624— Fundalul principal este baza paginii, antetul, elementul principal și câmpul turcoaz închis dominant. Creează o atmosferă de adâncuri marine. - Liquid Deep
#011d1c— Nivelul suprafeței încastrate reprezintă fundalul subsolului și panourile de carton mai adânci. Este perceput ca fiind cu o semiton mai închis decât pânza, creând un gradient subtil descendent de adâncime. - Liquid Kelp
#003734— Suprafață de card în relief și umplere buton - o suprafață în relief poziționată cu un pas deasupra prăpastiei. Folosită pentru carduri de funcții, panouri de conținut și punctul de pornire al unui buton cu gradient.
Neutru
- Liquid Mist
#edfffe— O nuanță rece de alb evidențiază corpul textului, titlurile secțiunilor și tipografia caldă și deschisă. O subtilă tentă albastră leagă corpul textului de schema de culori turcoaz. - Platinum
#ffffff— Albul pur este folosit pentru titluri, elemente de navigare, contururi de pictograme și text cu contrast ridicat. Este culoarea principală a textului în toate nivelurile de titluri și în navigarea principală. - Silver Mist
#bbc7c6— Text secundar, descrieri estompate și culoarea linkurilor în starea lor originală. Au o ușoară tentă verzuie, care completează fundalul turcoaz. - Ash
#f2f2f2— Text suplimentar pentru citate și recenzii. O nuanță neutră, rece de gri, pentru situațiile în care nuanța turcoaz a nuanței Silver Mist pare prea strălucitoare. - Slate Deep
#707777— O nuanță subtilă de suprafață pentru fundaluri inactive sau cu vizibilitate redusă. Se așază între pânză și carton, oferind o diferență de înălțime foarte subtilă. - Lavender Phosphor
#fde9ff— Culoare de fundal pentru statistici mari, numere contoare și valori importante. Nuanța roz din gradientul caracteristic este utilizată cu moderație ca accent luminos pe suprafețele întunecate.
Tipografie
de la 10 la 96px · 6 pași
- Matter — înlocuire: Inter · contururi 400, 500 · Fontul principal pentru titluri și textul corpului este utilizat cu o grosime de 500 pentru toate titlurile (H1–H3) și textul kinetic mare (86–295px). O grosime de 400 este utilizată pentru textul corpului și textul interfeței utilizator. Acesta prezintă o spațiere negativă agresivă între litere la dimensiuni mari (-0,04em la 61px, -0,046em la 86px) și o spațiere pozitivă largă între litere în majusculele titlurilor (0,08em la 20px, 0,12em la 12px, 0,15em la 10px). Strategia de a utiliza doar o grosime medie pentru titluri este o caracteristică distinctivă - fără fonturi îngroșate sau deschise la culoare - care conferă fontului o încredere uniformă și mecanică.
- Arial — înlocuire: system-ui · contururi 400 · O soluție secundară pentru elementele interactive ale interfeței utilizator (navigare, butoane, microcopie a antetului, subsol). Apare doar la 14px – folosită ca o soluție sigură și universală atunci când Matter nu este încărcat și acoperă etichetele formularelor, textul butoanelor și textul de asistență de mici dimensiuni.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 20px |
| Raza butonului | 6px |
| Raza cardului | 16px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 68px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Auros și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Design Full-Time — un cinematograf studio cu un singur reflector cald
- Air — sculptura „Cerul de la miezul nopții prin sticlă”
- Slash — Boltă de la miezul nopții cu registre aurite
- Raycast — Centrul de comandă de la miezul nopții, Coral Neon
- Dimension — o stație de lucru luminată la amurg, cu panouri de sticlă mată
- Modal — Un terminal fosforescent într-o cameră de servere întunecată - singura sursă de lumină este o culoare verde strălucitor
- Giga — Orizont de miezul nopții peste obsidian înghețat
- Reflect Notes — Spațiul violet înstelat este un observator întunecat unde notele plutesc precum constelațiile pe un fundal de gol indigo aproape negru.
- Ameba — Camera de control la miezul nopții – o pulsație albastră electrică în interiorul panourilor de sticlă mată
- AgentQL — Aurora boreală deasupra terminalului noaptea
- Frame — Un cinematograf pentru proiecții de filme până târziu în noapte. O cameră întunecată unde un singur reflector albastru face toată treaba, iar interfața utilizator se retrage în fundal, permițând proiectarea conținutului creativ înainte.
- Harness — Centrul de Control al Misiunii la miezul nopții cu accente verzi fosforescente