Inicio/Estilos recomendados/Los mejores estilos de diseño para modo oscuro

Los mejores estilos de diseño para modo oscuro

Un buen modo oscuro no es un tema claro con los colores invertidos. Se diseña desde el principio para fondos oscuros: capas de tonos casi negros que crean profundidad, tipografía y contraste ajustados para conservar la legibilidad, y acentos que brillan sin cansar la vista. Estos estilos de Curio son sistemas completos que tu AI puede aplicar mediante MCP o descargando un DESIGN.md.

Qué hace que un estilo oscuro funcione

Los estilos oscuros sólidos comparten varios rasgos: una paleta en capas de negros y grises que da profundidad en lugar de un vacío plano, contraste de texto ajustado para leer sin el resplandor duro del blanco puro y acentos que parecen luminosos sobre el fondo. La dificultad es la misma contención que en el modo claro: crear profundidad y ambiente sin perder legibilidad.

Cada opción es un sistema de diseño completo —color, tipografía, espaciado, componentes y reglas—, no una plantilla. No lo editas a mano: se lo indicas a tu AI y crea la interfaz con ese estilo. Pulsa "What is it" para leer la guía completa o "View spec" para ver el sistema.

The styles

  1. 1
    Acid House Smiley (1988)

    Rave energy hits first. Acid yellow on black, Anton caps, smiley glow.

  2. 2
    Apple Fitness Rings Closed (2024)

    Midnight feels exact. Magenta, green, and cyan rings lock onto OLED black.

  3. 3
    Apple Liquid Glass 2024

    Skeuomorphism, reborn for spatial. Frosted panels, specular highlights, depth as a design material.

  4. 4
    Art Brut (Dubuffet, 1948)

    Rawness crowds the frame. Mud brown, oxblood marks, and hand scrawl erase the margins.

  5. 5
    Art Deco Jazz Age

    Jazz Age glamour. Sunburst rays, stepped ziggurats, gold on black — Chrysler Building lobby in CSS.

  6. 6
    Discord 2024

    Blurple cozy. Charcoal grounds, illustrated characters — every surface says 'hang out, don't work'.

  7. 7
    GitHub Dark

    Code-first darkness. Cool-blue canvas, 1px borders, green/red diff lines.

  8. 8
    Islamic Girih Tiles

    Sacred geometry glows. Cobalt tile, turquoise stars, and gold strapwork repeat endlessly.

  9. 9
    Jardin Majorelle Blue

    Cobalt refuses restraint. Electric blue, glazed yellow and grid rhythm turn stucco into sun.

  10. 10
    Kintsugi & Urushi Lacquer

    Breakage becomes ceremony. Urushi black-brown carries gold seams and asymmetric type.

  11. 11
    Linear 2024

    Precision down to the millisecond. Near-black, indigo-violet accents, Inter Display, no decoration.

  12. 12
    Mexican Día de Muertos (Marigold Ofrenda)

    Joy outruns mourning. Marigold orange and magenta lattice blaze on velvet purple.

FAQ

¿Son diseños realmente oscuros o solo un modo oscuro añadido a un estilo claro?

Son estilos diseñados desde el principio para fondos oscuros: la paleta, el contraste y la elevación nacen para esas superficies, así que mantienen profundidad y legibilidad en vez de parecer un tema claro invertido.

¿Cómo aplico uno de estos estilos?

Conecta el servidor MCP de Curio a tu cliente de AI —Claude Code, Cursor, ChatGPT u otro— y pídele que cree tu página o aplicación con el estilo elegido, o descarga el DESIGN.md del estilo y añádelo a tu proyecto.

Browse all styles
© 2026 Curio Design