Ciridae
Unha habitación baleira coa pulsación de brasas fumegantes: unha catedral case negra onde o único son cálido é unha fina liña de ferruxe, e cada superficie está definida por liñas finas en lugar de sombras.
Ciridae opera nun baleiro: unha lona #0b0b0b, controis en forma de pílula con contornos apenas perceptibles e tipografía enganchada nas maiúsculas de Pragmatica Cond a 400 de peso: sen grosa, sen mestura de maiúsculas e minúsculas, sen elementos decorativos. A única nota cromática é #cc6437, un ton ferruxe cálido e fumegante usado como os trazos máis finos e os pequenos signos de puntuación de acento, nunca como recheo. Os mapas flotan en #272a2a cun radio de 10 px e sen sombras; o sistema evita a elevación, definindo as superficies a través do contraste tonal e os bordos máis finos de 1 px. As fotografías están moi borrosas e atmosféricas (mármore líquido, fume, lume) colocadas detrás do texto en modo de pantalla completa, polo que as imaxes visuais parecen máis atmosféricas que ilustrativas.
O deseño da páxina é de ancho completo, co contido centrado nun ancho máximo de ~1400 px. O heroe é unha composición escura de ancho completo cun logotipo de constelación centrado flanqueado por microetiquetas nos lados esquerdo e dereito. As seccións alternan: heroe escuro → franxa clara con capas subxacentes (Óso) → texto de transformación escuro → grella escura das tarxetas do sistema → pé de páxina escuro. A única sección clara crea unha única transición tonal nítida. A grella das tarxetas usa 4 columnas, coa primeira tarxeta aproximadamente o dobre de ancha que as outras tres, creando un deseño asimétrico con énfase no contido. O espazo vertical entre as seccións é xeneroso (máis de 80 px). A navegación é mínima: unha barra de noticias superior + un "Comezar agora" aliñado á esquerda e un "Menú" aliñado á dereita na barra superior. Sen barra lateral, sen megamenú.
As fotografías atmosféricas, que ocupan toda a superficie da páxina, dominan a pantalla de inicio e as tarxetas. As imaxes están moi borrosas (detectáronse valores de desenfoque de fondo de 50 px e 40 px) e teñen un alto contraste, representando mármore líquido con remuíños azul-vermello, fume, siluetas escuras de paisaxes e texturas de lume/brasas. As fotografías son taciturnas e escuras, non vibrantes: comparten a mesma gama tonal que o lenzo en branco en lugar de destacar sobre el. Non hai fotos de produtos, nin persoas, nin capturas de pantalla da IU. As imaxes crean atmosfera en lugar de servir como contido ilustrativo. A grella da tarxeta mapea cada sistema a unha escena atmosférica diferente, o que permite que as fotografías funcionen como identificadores visuais abstractos en lugar de imaxes literais de produtos.
Paleta
Marca
- Ember Rust
#cc6437— Os trazos de acento, as liñas de iconas e os pequenos resaltados de texto son a única cor cromática nun sistema monocromático, aparecendo máis como un punto pulsante apenas perceptible que como un recheo.
Neutro
- Void Black
#0b0b0b— Imaxes de fondo para a páxina principal e as seccións; a base de todo o sistema. - Charcoal Surface
#272a2a— As imaxes de fondo feitas de cartón e os paneis nas zonas escuras son un ton máis claros que a lona para crear unha separación de superficies sen sombras. - Bone
#edebe7— As zonas claras do fondo e da superficie son de cor crema, onde o sistema cambia de escuro a claro. - Bone Darker
#dfddd9— Un ton delicado chamado "Óso" para superficies claras de varias capas e elementos dunha cor cálida, case branca. - Pure White
#ffffff— Todo o texto e os títulos principais, os bordos dos botóns pantasma e os elementos de navegación están na cor primaria cunha relación de contraste de 19,7:1 sobre un fondo negro baleiro. - Abyss
#050505— Fondo en relevo para a tira de noticias (tira de noticias superior): un ton máis escuro que o lenzo principal para que a tira destaque.
Tipografía
de 11 a 32 px · 5 pasos
- Pragmatica Cond — substitución: Oswald · contornos 400 · A fonte principal da pantalla e da interface de usuario é unha fonte estreita e condensada con 14 px en maiúsculas para o texto do corpo, 20 px para os títulos das seccións e 32 px para o texto principal. Unha fonte extremadamente estreita e 14 px en maiúsculas para o texto do corpo é a solución máis característica do sistema: o texto do corpo lese como o susurro dun tipo de letra arquitectónico en lugar de como unha prosa ordinaria. Substitúa por Oswald ou Barlow Condensed se Pragmatica Condensed non está dispoñible.
- Pragmatica — substitución: Inter · contornos 400 · Unha fonte secundaria e principal que se usa para pasaxes en prosa máis longas (por exemplo, a descrición da tarxeta "Sistema operativo de IA" é de 24 px, o texto do parágrafo é de 15 px). Lixeiramente máis ancha que Pragmatica Cond para facilitar a lectura en bloques máis grandes, pero aínda cun grosor de 400 (nunca en negra). Substitúese por Inter ou Söhne.
- Roboto Mono — substitución: Roboto Mono (free · contornos 400 · Unha microfonte monoespaciada para un teletipo de noticias ("NOVAS • 15 DE XUÑO DE 2026 • ACCESO ANTICIPADO A CRUCIBLE AGORA ABERTO"). A fonte monoespaciada só se usa aquí, creando unha clara distinción funcional: trátase de datos do sistema, non de marca.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | media |
| Paso básico | 16-20px |
| Radio do botón | 1440px |
| Radio da tarxeta | 10px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 80px |
| Largura da páxina | 1400px |
A IA creará o teu sitio web ao estilo de Ciridae e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Dala — unha constelación pairando sobre veludo negro
- Linear — instrumento de precisión de medianoite
- Resend — terciopelo negro con cor neón púrpura
- Dovetail — Un plano baixo unha lúa negra: liñas gráficas apenas visibles, fonte branca, un brillo púrpura
- Neon — Unha sala de servidores despois do anoitecer. Escuridade pura, onde a única luz provén dos datos e das interaccións dos usuarios.
- Discord — O mundo do xogo está agochado detrás dunha xanela de chat emerxente: cada sección é un ambiente independente coa súa propia iluminación e conxunto de personaxes.
- Aaru — Observatorio do Campo de Partículas á Medianoite
- Atlas Card — A Bóveda de Medianoite, co seu único raio de zafiro, é unha extensión escura como a boca onde o único que importa é o azul eléctrico profundo.
- Midjourney — Un terminal bioluminescente nas profundidades do océano. Un mundo das profundidades mariñas onde a intelixencia se xera visualmente en fluxos ASCII e os controis aparecen como patróns lixeiramente brillantes.
- Checkly — Centro de Control de Misións en Órbita Profunda
- Krea — galería noir á medianoite
- Wope — Wope é unha interface de horizonte púrpura. Imaxina unha mesa de observatorio escura cunha luz púrpura que irradia desde debaixo do vidro.