Ciridae
Txingar ketsuen taupada duen gela huts bat - ia katedral beltz bat, non soinu bero bakarra herdoil lerro mehe bat den, eta gainazal guztiak itzalez baino lerro finez definituta dauden.
Ciridae hutsune batean dabil: #0b0b0b mihise bat, ia nabarmenak ez diren eskemak dituzten pilula itxurako kontrolak eta Pragmatica Cond-en 400 pisuko maiuskula-letratan itsatsitako tipografia —ez lodirik, ez maiuskula/minuskula nahasketarik, ez elementu apaingarririk. Nota kromatiko bakarra #cc6437 da, herdoil tonu bero eta sutsua trazu finetan eta azentu-puntuazio marka txikietan erabiltzen dena, inoiz ez betegarri gisa. Mapak #272a2a-n flotatzen dira 10px-ko erradioarekin eta itzalik gabe; sistemak kota saihesten du, gainazalak tonu-kontrastearen eta 1px-ko ertz finenen bidez definituz. Argazkiak oso lausoak eta atmosferikoak dira —marmol likidoa, kea, sua— testuaren atzean pantaila osoko moduan jarrita, beraz, irudi bisualak ilustratiboak baino atmosferikoagoak dirudite.
Orriaren diseinua zabalera osokoa da, edukia ~1400px-ko gehienezko zabaleran zentratuta. Heroia konposizio ilun eta zabalera osokoa da, erdian konstelazio-logotipo batekin, ezkerreko eta eskuineko aldeetan mikroetiketez inguratuta. Atalak txandakatzen dira: heroi iluna → azpiko geruzak dituen marra argia (Hezurra) → eraldatutako testu iluna → sistema-txartelen sareta iluna → oin-ohar iluna. Atal argi bakarrak tonu-trantsizio zorrotz bakarra sortzen du. Txartelen saretak 4 zutabe erabiltzen ditu, lehenengo txartela beste hirurak baino bi aldiz zabalagoa izanik gutxi gorabehera, edukian arreta jarriz diseinu asimetrikoa sortuz. Atalen arteko tarte bertikala zabala da (80px+). Nabigazioa minimoa da: goiko albiste-barra bat + ezkerrean lerrokatutako "Hasi orain" bat eta eskuinean lerrokatutako "Menua" bat goiko barran. Ez dago alboko barrarik, ezta mega-menurik ere.
Argazki atmosferikoek, orrialdearen gainazal osoa hartzen dutenek, hasierako pantailan eta txarteletan nagusi dira. Irudiak oso lausoak dira (50px eta 40px-ko atzeko planoaren lausotze-balioak detektatu dira) eta kontraste handikoak, marmol likidoa urdin-gorri zurrunbiloekin, kearekin, paisaien silueta ilunekin eta su/txingar testurekin irudikatuz. Argazkiak ilunak eta tristeak dira, ez biziak — mihise hutsaren tonu-gama bera partekatzen dute, nabarmendu beharrean. Ez dago produktuen argazkirik, ez pertsonarik, ez interfazearen pantaila-argazkirik. Irudiek giroa sortzen dute, ilustrazio-eduki gisa balio beharrean. Txartelen sareak sistema bakoitza eszena atmosferiko desberdin batera mapatzen du, argazkiek produktuen irudi literalen ordez identifikatzaile bisual abstraktu gisa funtziona dezaten ahalbidetuz.
Paleta
Marka
- Ember Rust
#cc6437— Azentu-trazuak, ikono-lerroak eta testu-nabarmentze txikiak dira sistema monokromo batean kolore kromatiko bakarrak, betegarri bat baino gehiago, ia nabarmentzen ez den pultsazio-orban gisa agertzen dira.
Neutroa
- Void Black
#0b0b0b— Orrialde nagusiaren eta atalen atzeko planoaren irudiak; sistema osoaren oinarria. - Charcoal Surface
#272a2a— Kartoizko atzeko planoaren irudiak eta eremu ilunetan dauden panelak mihisea baino tonu bat argiagoak dira, gainazalen arteko itzalik gabeko bereizketa bat sortzeko. - Bone
#edebe7— Atzeko planoaren eta gainazalaren eremu argiak krema kolorekoak dira, eta sistema ilunetik argira aldatzen da. - Bone Darker
#dfddd9— "Hezurra" izeneko tonu delikatua gainazal argi geruza anitzekoetarako eta kolore epel eta ia zuriko elementuetarako. - Pure White
#ffffff— Testu eta goiburu nagusi guztiak, botoi mamuen ertzak eta nabigazio elementuak kolore primarioan daude, 19,7:1 kontraste-erlazioarekin, Void atzeko plano beltzean. - Abyss
#050505— Albiste-zerrendarako (goiko albiste-zerrenda) atzeko plano altxatua - mihise nagusia baino tonu bat ilunagoa, zerrenda nabarmentzeko.
Tipografia
11tik 32px-ra · 5 urrats
- Pragmatica Cond — ordezkapena: Oswald · eskemak 400 · Pantaila eta erabiltzaile interfazearen letra-tipo nagusia letra-tipo estu eta trinkotua da, 14px-ko testu osoarentzat maiuskulak, 20px-ko atalen izenburuetarako eta 32px-ko testu nagusirako. Letra-tipo oso estua eta 14px-ko testu osoarentzat maiuskulak dira sistemaren irtenbiderik bereizgarriena: testua arkitektura-tipo baten xuxurla bezala irakurtzen da, ohiko prosa bezala baino. Ordezkatu Oswald edo Barlow Condensed-ekin Pragmatica Condensed eskuragarri ez badago.
- Pragmatica — ordezkapena: Inter · eskemak 400 · Prosa-pasarte luzeagoetarako erabiltzen den bigarren mailako letra-tipo nagusia (adibidez, "AI Operating System" txartelaren deskribapena 24px-koa da, paragrafoen testua 15px-koa). Pragmatica Cond baino zertxobait zabalagoa bloke handiagoetan irakurketa errazteko, baina oraindik 400eko pisuarekin — inoiz ez lodi. Ordezkatu Inter edo Söhne-rekin.
- Roboto Mono — ordezkapena: Roboto Mono (free · eskemak 400 · Albiste-ticker baten mikroletra-tipo monoespaziala ("BERRIAK • 2026KO EKAINAREN 15A • CRUCIBLE SARBIDE GOIZTIARRA ORAIN IREKITA"). Letra-tipo monoespaziala hemen bakarrik erabiltzen da, funtzio-bereizketa argi bat sortuz: sistemaren datuak dira, ez marka.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 16-20px |
| Botoiaren erradioa | 1440px |
| Txartelaren erradioa | 10px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 80px |
| Orriaren zabalera | 1400px |
Adimen artifizialak zure webgunea Ciridae 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
- Dala — belusezko beltzaren gainean hegan dabilen konstelazio bat
- Linear — gauerdiko zehaztasun-tresna
- Resend — belusezko beltza neon more kolorearekin
- Dovetail — Ilargi beltz baten azpian plano bat — ia ikusten ez diren grafiko-lerroak, letra-tipo zuria, distira more bat
- Neon — Zerbitzari-gela bat iluntzean. Iluntasun hutsa, non argi bakarra datuetatik eta erabiltzaileen interakzioetatik datorren.
- Discord — Jokoaren mundua txat leiho baten atzean ezkutatuta dago: atal bakoitza ingurune independente bat da, bere argiztapen eta pertsonaia multzo propioarekin.
- Aaru — Partikula Eremuaren Behatokia gauerdian
- Atlas Card — Gauerdiko Ganga, bere zafiro izpi bakarrarekin, ilun-ilun dagoen zabalera bat da, non axola duen gauza bakarra urdin elektriko sakona den.
- Midjourney — Ozeano sakoneko terminal bioluminiszente bat. Itsaso sakoneko mundu bat, non adimena bisualki ASCII jarioetan sortzen den, eta kontrolak distira ahuleko eredu gisa agertzen diren.
- Checkly — Orbita Sakoneko Misioen Kontrol Zentroa
- Krea — galeria beltza gauerdian
- Wope — Wope horizonte morearen interfazea da. Imajinatu behatoki-mahaia ilun bat, kristalaren azpitik argi more bat ateratzen dela.