Mini Design System Com CSS

Sistema visual com tokens, botoes, cards, badges e documentacao de componentes.

Demo: https://albertomateus9.github.io/mini-design-system-css-lab/

Projeto educacional inspirado na EETEPA Vilhena Alves. Não é sistema oficial institucional e não usa dados reais de estudantes.

Visão Geral

Este laboratório web usa HTML, CSS e JavaScript simples para apoiar aulas de Designer De Websites. A experiência foi desenhada para ser projetável, responsiva e fácil de adaptar por estudantes.

Dinâmica Em Sala

• Abrir a demo no projetor ou navegador do aluno.
• Ler o roteiro, explorar os cartões e registrar uma evidência.
• Exportar o relatório local em Markdown.
• Discutir melhorias de interface, dados, acessibilidade ou rede conforme a disciplina.

Como Rodar

Abra index.html no navegador ou use:

python -m http.server 8000

Política De Dados

Todos os dados são sintéticos e ficam no navegador. Não há login, backend, API externa ou envio de formulários.

Licença

MIT. Consulte LICENSE.