Ciridae
O cameră goală cu pulsația jarului mocnit - o catedrală aproape neagră unde singurul sunet cald este o linie subțire de rugină, iar fiecare suprafață este definită de linii fine mai degrabă decât de umbre.
Ciridae operează într-un gol: o pânză #0b0b0b, controale în formă de pilulă cu contururi abia sesizabile și tipografie fixată în majusculele Pragmatica Cond la o grosime de 400 - fără caractere îngroșate, fără majuscule mixte, fără elemente decorative. Singura notă cromatică este #cc6437, o nuanță caldă, ruginie mocnită, folosită pentru cele mai subțiri linii și mici semne de punctuație, niciodată ca umplere. Hărțile plutesc pe #272a2a cu o rază de 10px și fără umbre; sistemul evită elevația, definind suprafețele prin contrast tonal și cele mai fine margini de 1px. Fotografiile sunt puternic neclare și atmosferice - marmură lichidă, fum, foc - plasate în spatele textului în modul ecran complet, astfel încât imaginile vizuale par mai degrabă atmosferice decât ilustrative.
Aspectul paginii este pe lățime completă, cu conținut centrat în limita unei lățimi maxime de ~1400px. Eroul este o compoziție întunecată, pe lățime completă, cu un logo al constelației centrat, flancat de micro-etichete pe laturile stânga și dreapta. Secțiunile alternează: eroul întunecat → bandă deschisă cu straturi inferioare (Os) → text transformat întunecat → grilă întunecată a cardurilor de sistem → subsol întunecat. Secțiunea unică, deschisă, creează o tranziție tonală unică, clară. Grila cardurilor folosește 4 coloane, primul card fiind de aproximativ două ori mai lat decât celelalte trei, creând un aspect asimetric, cu accent pe conținut. Spațiul vertical dintre secțiuni este generos (peste 80px). Navigarea este minimă: o bară de știri în partea de sus + un „Începe acum” aliniat la stânga și un „Meniu” aliniat la dreapta în bara de sus. Fără bară laterală, fără mega-meniu.
Fotografiile atmosferice, ocupând întreaga suprafață a paginii, domină ecranul de pornire și cardurile. Imaginile sunt puternic neclare (au fost detectate valori de neclaritate a fundalului de 50px și 40px) și au un contrast ridicat, reprezentând marmură lichidă cu vârtejuri albastru-roșii, fum, siluete întunecate ale peisajelor și texturi de foc/jar. Fotografiile sunt sumbrente și întunecate, nu vibrante - au aceeași gamă tonală ca și pânza goală, în loc să iasă în evidență pe fundalul acesteia. Nu există fotografii de produse, nici oameni, nici capturi de ecran ale interfeței utilizator. Imaginile creează atmosferă, mai degrabă decât să servească drept conținut ilustrativ. Grila cardurilor mapează fiecare sistem la o scenă atmosferică diferită, permițând fotografiilor să funcționeze ca identificatori vizuali abstracți, mai degrabă decât ca imagini literale ale produselor.
Paletă
Marca
- Ember Rust
#cc6437— Accentele, liniile de pictograme și micile evidențieri ale textului sunt singurele culori cromatice într-un sistem monocrom, apărând mai mult ca o pată pulsantă abia sesizabilă decât ca o umplere.
Neutru
- Void Black
#0b0b0b— Imagini de fundal pentru pagina principală și secțiuni; baza întregului sistem. - Charcoal Surface
#272a2a— Imaginile de fundal realizate din carton și panourile din zonele întunecate sunt cu un ton mai deschise decât pânza pentru a crea o separare a suprafețelor fără umbre. - Bone
#edebe7— Zonele luminoase ale fundalului și ale suprafeței sunt de culoare crem, unde sistemul trece de la întuneric la luminos. - Bone Darker
#dfddd9— O nuanță delicată numită „Os” pentru suprafețe luminoase multistratificate și elemente de culoare caldă, aproape albă. - Pure White
#ffffff— Tot textul principal și titlurile, marginile butoanelor fantomă și elementele de navigare sunt în culoarea primară, cu un raport de contrast de 19,7:1, pe un fundal negru Void. - Abyss
#050505— Fundal în relief pentru banda de știri (banda de știri de sus) - cu o nuanță mai închisă decât pânza principală pentru a face banda să iasă în evidență.
Tipografie
de la 11 la 32px · 5 pași
- Pragmatica Cond — înlocuire: Oswald · contururi 400 · Fontul principal pentru afișaj și interfața utilizator este un font îngust, condensat, cu majuscule de 14px pentru textul principal, 20px pentru titlurile secțiunilor și 32px pentru textul principal. Un font extrem de îngust și majuscule de 14px pentru textul principal reprezintă soluția cea mai caracteristică pentru sistem: textul principal se citește ca șoapta unui font arhitectural, mai degrabă decât ca proza obișnuită. Înlocuiți cu Oswald sau Barlow Condensed dacă Pragmatica Condensed nu este disponibil.
- Pragmatica — înlocuire: Inter · contururi 400 · Un font secundar, principal, folosit pentru pasaje mai lungi în proză (de exemplu, descrierea cardului „Sistem de operare AI” are 24px, textul paragrafului are 15px). Puțin mai lat decât Pragmatica Cond pentru a facilita citirea în blocuri mai mari, dar tot la o grosime de 400 - niciodată îngroșat. Înlocuiți cu Inter sau Söhne.
- Roboto Mono — înlocuire: Roboto Mono (free · contururi 400 · Un microfont monospațiat pentru un ticker de știri („ȘTIRI • 15 IUNIE 2026 • ACCES TIMPURIU CRUCIBLE ACUM DESCHIS”). Fontul monospațiat este folosit doar aici, creând o distincție funcțională clară: acestea sunt date de sistem, nu branding.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 16-20px |
| Raza butonului | 1440px |
| Raza cardului | 10px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 80px |
| Lățimea paginii | 1400px |
Inteligența artificială vă va construi site-ul web în stilul Ciridae ș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
- Dala — o constelație plutind pe catifeaua neagră
- Linear — instrument de precizie la miezul nopții
- Resend — catifea neagră cu culoare neon violet
- Dovetail — Un plan sub o lună neagră — linii grafice abia vizibile, font alb, o sclipire violetă
- Neon — O cameră de servere după lăsarea întunericului. Întuneric pur, unde singura lumină provine din date și interacțiunile utilizatorilor.
- Discord — Lumea jocului este ascunsă în spatele unei ferestre de chat pop-up - fiecare secțiune este un mediu independent, cu propria iluminare și propriul set de personaje.
- Aaru — Observatorul Câmpului de Particule la miezul nopții
- Atlas Card — Seiful de la Miezul Nopții, cu singura sa rază de safir, este o întindere neagră ca smoala, unde singurul lucru care contează este albastrul electric intens.
- Midjourney — Un terminal bioluminescent în adâncurile oceanului. O lume în adâncurile mării unde inteligența se generează vizual în fluxuri ASCII, iar comenzile apar ca niște modele slab strălucitoare.
- Checkly — Centrul de Control al Misiunii pe Orbită Deep
- Krea — Galeria Noir la miezul nopții
- Wope — Wope este o interfață cu orizont violet. Imaginează-ți o masă de observator întunecată, cu o lumină violetă care strălucește de sub sticlă.