Sistemas de diseño

Mesh Gradient Dark Blue Clean

Sistema azul marino casi negro con un campo de malla dentro de una carcasa de hero.

Qué es

Una dirección en azul oscuro con tokens de color CSS, una carcasa de hero con borde degradado, un campo de malla en canvas, una píldora de navegación glass, nodos flotantes, raíles y CTAs emparejados.

Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion. Use when the interface needs a near-black
Del SKILL.md original

Por qué importa para el diseño

  • La malla se sitúa dentro de la carcasa del hero, así dirige la composición en vez de decorarla.
  • Los tokens con nombre fijan los valores de fondo, carcasa, línea, texto y acento en toda la página.
  • Los raíles, cuadrados de esquina y píldoras de nodo dan estructura técnica a la carcasa minimalista.

Qué cubre

  • System recipe
  • Color tokens
  • Hero shell
  • Canvas mesh field
  • Nodes and rails
  • Motion defaults

Cómo instalarlo

Mesh Gradient Dark Blue Clean

  1. Clona el repositorio.

    git clone https://github.com/MengTo/Skills
  2. Señálale a Codex el archivo de la skill.

    agent-skills/web-design/mesh-gradient-dark-blue-clean/SKILL.md
  3. Luego describe la interfaz que quieres. Codex sigue la skill.

Cómo ejecutarlo con Codex

  1. Pega el bloque de tokens, y luego construye la base de la página y la carcasa del hero.

  2. Añade el canvas de malla dentro de la carcasa, detrás del contenido de la carcasa.

  3. Coloca unos pocos nodos, raíles y marcadores, y mantén lentos los bucles de deriva.

Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.

Más en la lista codex-design ↗

Siguiente paso

Diseña con Open Design, sin montar nada

Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.