Ciridae
Una habitació buida amb la pulsació de les brases fumejants: una catedral gairebé negra on l'únic so càlid és una fina línia d'òxid, i cada superfície està definida per línies fines en lloc d'ombres.
Ciridae opera en un buit: un llenç #0b0b0b, controls en forma de píndola amb contorns gairebé imperceptibles i tipografia fixada a les majúscules de Pragmatica Cond amb un pes de 400: sense negreta, sense majúscules i minúscules mixtes, sense elements decoratius. L'única nota cromàtica és #cc6437, un to rovell càlid i fumejant utilitzat com a traços més prims i petits signes de puntuació d'accent, mai com a farciment. Els mapes suren sobre #272a2a amb un radi de 10 px i sense ombres; el sistema evita l'elevació, definint superfícies mitjançant un contrast tonal i les vores més fines d'1 px. Les fotografies són molt borroses i atmosfèriques (marbre líquid, fum, foc) situades darrere del text en mode de pantalla completa, de manera que la imatgeria visual sembla més atmosfèrica que il·lustrativa.
El disseny de la pàgina és d'amplada completa, amb el contingut centrat dins d'una amplada màxima d'uns 1400 px. L'heroi és una composició fosca d'amplada completa amb un logotip de constel·lació centrat flanquejat per microetiquetes als costats esquerre i dret. Les seccions s'alternen: heroi fosc → franja clara amb capes subjacents (Os) → text transformat fosc → quadrícula fosca de targetes del sistema → peu de pàgina fosc. La secció clara única crea una transició tonal única i nítida. La quadrícula de targetes utilitza 4 columnes, amb la primera targeta aproximadament el doble d'amplada que les altres tres, creant un disseny asimètric amb èmfasi en el contingut. L'espai vertical entre les seccions és generós (més de 80 px). La navegació és mínima: una barra de notícies superior + un "Comença ara" alineat a l'esquerra i un "Menú" alineat a la dreta a la barra superior. No hi ha barra lateral, no hi ha megamenú.
Fotografies atmosfèriques, que ocupen tota la superfície de la pàgina, dominen la pantalla d'inici i les targetes. Les imatges són molt borroses (es van detectar valors de desenfocament de fons de 50 px i 40 px) i d'alt contrast, representant marbre líquid amb remolins blau-vermells, fum, siluetes fosques de paisatges i textures de foc/brasa. Les fotografies són taciturnes i fosques, no vibrants: comparteixen la mateixa gamma tonal que el llenç en blanc en lloc de destacar-hi. No hi ha fotos de productes, ni persones, ni captures de pantalla de la interfície d'usuari. Les imatges creen atmosfera en lloc de servir com a contingut il·lustratiu. La quadrícula de la targeta assigna cada sistema a una escena atmosfèrica diferent, permetent que les fotografies funcionin com a identificadors visuals abstractes en lloc d'imatges literals de productes.
Paleta
Marca
- Ember Rust
#cc6437— Els traços d'accent, les línies d'icones i els petits ressalts de text són l'únic color cromàtic en un sistema monocrom, i apareixen més com un punt pulsant gairebé imperceptible que com un farciment.
Neutral
- Void Black
#0b0b0b— Imatges de fons per a la pàgina principal i les seccions; la base de tot el sistema. - Charcoal Surface
#272a2a— Les imatges de fons fetes de cartró i els panells de les zones fosques són un to més clars que el llenç per crear una separació de superfícies sense ombres. - Bone
#edebe7— Les zones clares del fons i la superfície són de color crema, on el sistema canvia de fosc a clar. - Bone Darker
#dfddd9— Un delicat to "Bone" per a superfícies clares multicapa i elements d'un color càlid, gairebé blanc. - Pure White
#ffffff— Tot el text i els encapçalaments principals, les vores dels botons fantasma i els elements de navegació són del color primari amb una relació de contrast de 19,7:1 sobre un fons negre buit. - Abyss
#050505— Fons en relleu per a la tira de notícies (tira de notícies superior): un to més fosc que el llenç principal per fer que la tira destaqui.
Tipografia
d'11 a 32 px · 5 passos
- Pragmatica Cond — reemplaçament: Oswald · esquemes 400 · La font principal de la pantalla i la interfície d'usuari és una font estreta i condensada amb majúscules de 14 px per al text del cos, 20 px per als encapçalaments de secció i 32 px per al text principal. Una font extremadament estreta i majúscules de 14 px per al text del cos és la solució més característica del sistema: el text del cos es llegeix com el xiuxiueig d'una tipografia arquitectònica en lloc de com una prosa ordinària. Substituïu-la per Oswald o Barlow Condensed si Pragmatica Condensed no està disponible.
- Pragmatica — reemplaçament: Inter · esquemes 400 · Una font secundària i primària que s'utilitza per a passatges en prosa més llargs (per exemple, la descripció de la targeta "Sistema operatiu d'IA" és de 24 px, el text del paràgraf és de 15 px). Lleugerament més ampla que Pragmatica Cond per facilitar la lectura en blocs més grans, però encara amb un gruix de 400; mai en negreta. Substituïu-la per Inter o Söhne.
- Roboto Mono — reemplaçament: Roboto Mono (free · esquemes 400 · Una microfont monoespaiada per a un ticker de notícies ("NOTÍCIES • 15 DE JUNY DE 2026 • ACCÉS ANTICIPAT AL CRUCIBLE ARA OBERT"). La font monoespaiada només s'utilitza aquí, creant una clara distinció funcional: es tracta de dades del sistema, no de marca.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | mitjana |
| Pas bàsic | 16-20px |
| Radi del botó | 1440px |
| Radi de la targeta | 10px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 80px |
| Amplada de la pàgina | 1400px |
La IA crearà el vostre lloc web a l'estil Ciridae i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Dala — una constel·lació flotant sobre vellut negre
- Linear — instrument de precisió de mitjanit
- Resend — vellut negre amb color neó morat
- Dovetail — Un plànol sota una lluna negra: línies gràfiques gairebé invisibles, font blanca, una guspira porpra
- Neon — Una sala de servidors després de la foscor. Foscor pura, on l'única llum prové de les dades i les interaccions dels usuaris.
- Discord — El món del joc està amagat darrere d'una finestra de xat emergent: cada secció és un entorn independent amb la seva pròpia il·luminació i conjunt de personatges.
- Aaru — Observatori de Camp de Partícules a Mitjanit
- Atlas Card — La Volta de Mitjanit, amb el seu únic raig de safir, és una extensió negra com la boca on l'única cosa que importa és el blau elèctric profund.
- Midjourney — Una terminal bioluminescent a les profunditats marines. Un món marí profund on la intel·ligència es genera visualment en fluxos ASCII i els controls apareixen com a patrons lleugerament brillants.
- Checkly — Centre de Control de Missió en Òrbita Profunda
- Krea — galeria noir a mitjanit
- Wope — Wope és una interfície d'horitzó porpra. Imagineu-vos una taula d'observatori fosca amb una llum porpra que irradia des de sota el vidre.