Ejercicio Design System,

Un ejercicio para ver la utilidad de tener un sistema de diseño

Descripción

Incluye servidor web, creato via vite. Necesitas tener nodejs instalado para poder ejecutar npm

En este caso investigamos el uso de colores para facilitar la creación de webs distintas

Instalacion

clone https://github.com/nyambe/ejercicio-design-system.git

cd ejercicio-design-system

npm install

npm run serve

Uso

Tiene un servicio watch que va incluyendo las classes que vayas utilizando en fichero output.css automáticamente y un servidor web que lo carga muy rápido. Ni te das cuenta.

Ejercicio sistema de diseño

En el antes el código está puesto a fuego. En el después se utiliza un esquema de color. El ejercicio consite en crear cuatro esquemas de color diferentes. Corresponderían a 4 webs distintas. Una de Eventos. Una de Bonos, Una de Carreras, Una Atracciones. Crear distintas ramas con cada web. Tiempo aproximado (15min)

Estos ejemplos se pueden utilizar para ir creando tu propio sistema de diseño

PREVIEW