Tokens y componentes del dashboard BearShark OS (PLVB2B). Estética industrial oscura:
bordes rectos, labels mono en mayúsculas, verde #5ed676 para estados en vivo.
Fuente de verdad: styles/globals.css.
| Meta | Valor |
|---|---|
| Stack | Next.js 14 · Drizzle · PostgreSQL RLS |
| UI base | CSS custom properties + clases utilitarias (sin Fluent / sin rounded SaaS) |
| Radio default | 0 — solo workspace switch usa pills |
| Owner | Hector Arzate |
El dashboard es una consola operativa. Sin gradientes decorativos ni cards flotantes con sombra suave.
Labels, breadcrumbs y botones usan JetBrains Mono en mayúsculas con tracking amplio.
El acento verde marca workspace activo, badge EN VIVO y métricas positivas — no botones primarios azules.
Tablas, métricas en grid y paneles con borde --graphite sobre fondos planos.
Réplica miniatura del layout real: sidebar + header + métricas.
Archivo para títulos y métricas. Inter para body. JetBrains Mono para labels, botones y tablas.
| Token | Valor | Uso |
|---|---|---|
--sidebar-w | 240px | Ancho sidebar dashboard |
--header-h | 56px | Altura page-header sticky |
--radius | 0 | Sin redondeo en cards, inputs, tablas |
page-body padding | 2rem | Contenido principal |
--container | 1400px | Max width contenido |
| SKU | Nombre | Tipo | Precio | Activo |
|---|---|---|---|---|
| LAT-250 | Toriberto Single Origin | grano | $320 | ✓ |
| BLD-1K | Toriberto Blend 1kg | blend | $850 | ✓ |
| CB-COLD | Cold Brew | bebida | $60 | ✓ |
Único elemento con border-radius notable. Activo = verde sobre texto oscuro.