RVM.DesignSystem

Design system do ecossistema RVM: uma biblioteca de componentes Blazor própria, distribuída como pacote NuGet, e um site público de documentação em design.rvmit.com.br.

⚠️ Estado em 07/09/2026 — só especificação. Existem os documentos abaixo e nada mais: sem código, sem solution, sem git, sem repositório remoto, sem CI/CD, sem deploy. O projeto está sem backup até o bootstrap rodar. Para construir: abrir uma sessão nesta pasta e rodar a skill bootstrap-projeto.

Por que existe

Quatro aplicações Blazor do ecossistema escreveram, cada uma sozinha, um tema completo — paleta clara, paleta escura, tipografia, layout:

Dessas ~200 linhas duplicadas por app, duas eram de fato diferentes. O resto é decisão retomada do zero — inclusive acessibilidade, que hoje não é verificada em lugar nenhum porque não há lugar nenhum onde verificar.

O que é, em uma tela

// Program.cs do app consumidor
builder.Services.AddRvmDesignSystem(o =>
{
    o.Theme = RvmTheme.FromSeed("MeuApp", primary: "#2A6E49", secondary: "#B07D2A");
    o.DefaultMode = RvmThemeMode.System;
});

<RvmThemeProvider>
    <RvmToastHost /><RvmDialogHost />
    @Body
</RvmThemeProvider>

<RvmButton Variant="RvmButtonVariant.Primary" Loading="@salvando" OnClick="SalvarAsync">
    Salvar
</RvmButton>

Duas cores definem a identidade do produto; tipografia, espaçamento, comportamento e acessibilidade vêm prontos e idênticos em todo o ecossistema.

Decisões que definem o projeto

Documentos

Roadmap em uma linha

Fase 0 bootstrap → Onda 1 tokens + básicos (0.1.0) → Onda 2 layout (0.2.0) → Onda 3 feedback (0.3.0) → Onda 4 dados (1.0.0).

O site publica desde a onda 1 — nada de meses de biblioteca invisível.

Ambientes

Não há demo, de propósito: demo existe para dado curado, e aqui não há dado.

Como construir

cd C:\IA\RVM.DesignSystem
# abrir sessão do Claude Code aqui e rodar a skill: bootstrap-projeto

O bootstrap cria git, repositório, solution, CI/CD, DNS e o primeiro deploy — nesta ordem, e é ele quem tira o projeto do estado "sem backup".