Oscorp Panel · Design System v1Identidad visual del panel
Base de tokens y componentes para app.oscorp.ink — el panel interno de escritorio
del dueño del negocio. Extiende brand.css (marca Oscorp) hacia un tono
de herramienta de trabajo: denso en datos, poco "cute", mucho espacio en blanco.
Cada sección nueva del panel se construye con estas piezas — no se inventan
botones/inputs/cards nuevos por pantalla.
Color
De brand.css + superficies nuevas del panel (tokens.css)Regla del acento: --acc (lima por defecto, color del negocio en el futuro) se usa para selección/foco/indicadores de estado activo — nunca como color de fondo de botón primario ni de texto de cuerpo. El primario "serio" de este panel es tinta sólida (--ink), como en Linear o Vercel.
Tipografía
Inter · escala de herramienta, no de landingEspaciado
Base 4px — generoso a propósitoBotones
Primario = tinta sólida, no limaInputs
Foco = anillo lima, nunca azul de navegadorCards
Sin sombra en reposo — elevación solo al interactuarCategoría con más productos del catálogo.
Badges de estado
Mismos --estado-* de brand.cssTabla densa
Sin zebra striping · header pegajoso · pensada para 600+ filas| Producto | Categoría | Precio | Stock | Envío | ||
|---|---|---|---|---|---|---|
|
DUO CAPULUS - CAPULUS TARRAZÚ
m² · ancho × alto
|
Ventanas > Persianas | $770.00 | — | Domicilio + Local | ||
|
Instalación a domicilio
|
Servicios | A cotizar | ∞ | Cita a domicilio | ||
|
Piso laminado roble
|
Pisos | $340.00 | 2 | Local |