sistema de diseño de rastrillo
Un resumen de todo lo que ofrece el sistema de diseño. Tema: signal. Idioma: Español.
Resumen
El sistema de diseño de Rastrillo aspira a ser un marco de partida para que cualquier aplicación tenga una interfaz coherente, cuidada y accesible, sin dependencia de JavaScript o con muy poca, disponible en varios idiomas y escrita con HTML y CSS limpios y modernos. Está pensado para que dé gusto usarlo con o sin ayuda de un LLM, y para remezclarse con facilidad.
La aplicación de demostración
Una app que funciona, hecha solo con este sistema: un panel, una lista, un registro abierto. Cada uno tiene su propia dirección. Sin JavaScript.
Abrir la aplicación de demostración (se abre en una pestaña nueva).
Adónde ir ahora
- Primeros pasosDetalles sobre las hojas de estilo y los scripts que vienen con el sistema de diseño de Rastrillo.
- TokensTodas las propiedades personalizadas de las que está hecho el sistema: el color y la tipografía del tema, y las escalas de tamaño, espaciado y radio.
- IconosCada slug de icono, al tamaño al que lo dibujan los componentes, con la llamada para copiar y su nombre en lucide.dev.
- Pantalla de listaPantalla de lista genérica con título, barra de herramientas y filas que funcionan en escritorio y en móvil.
- PresentaciónLas piezas pequeñas de vocabulario con las que se arma una pantalla: estado, identidad, progreso y la única forma de aviso.
- FormularioTodos los controles, en los estados en que los pone un formulario real. Cada uno va dentro de un rst-box con relleno, porque esa es la regla que estos parciales dan por hecha.
- Fecha y horaLos cuatro campos que datetime.js mejora, cada uno conservando debajo su control nativo, de modo que quien no tenga scripts obtiene el control sencillo y no uno roto.
- RutaLas piezas que son una respuesta entera y no un trozo de una.
- Primitivas de interfazLas formas que un componente no puede ser, porque envuelven un cuerpo que solo conoce quien llama: tarjetas, rejillas de datos, menús y el armazón propio de los contenedores.
- Fechas, números y nombresCómo mostrar fechas, números, dinero, nombres y direcciones, y cuáles se confunden entre sí.
- PantallasEjemplos de pantallas hechas con el sistema de diseño. Puedes usarlas como plantillas de partida para tus propias aplicaciones.
- ArmazonesLos armazones de página que rastrillo new puede generar. Cada uno se abre a todo el ancho.