Herramientas para devs: monoespaciada, verde de prompt, casi sin redondeo.
Terminal
JetBrains Mono + IBM Plex Sans · radio 2px · texto 14px
Colores
Tipografía
Título de la página
Subtítulo de sección
Texto de lectura, descripciones y leyendas. El cuerpo de cada pantalla usa este tamaño.
- Títulos
- JetBrains Mono · 600
- Cuerpo
- IBM Plex Sans · 400
Esquinas
sm1px
md1px
lg1px
xl2px
2xl3px
Base 2px en rounded-xl; las demás salen de ahí.
shadow-sm
shadow-md
shadow-lg
Espaciado · unidad 3.5px
- 13.5px
- 27px
- 310.5px
- 414px
- 621px
- 828px
- 1242px
- 1656px
Escala de texto · base 14px × 1.15
- 4xlCafé28/34px
- 3xlCafé24/32px
- 2xlCafé21/28px
- xlCafé con pan19/26px
- lgCafé con pan16/24px
- baseCafé con pan14/22px
- smCafé con pan12/18px
- xsCafé con pan11/16px
Controles
h-8 = 28px
h-10 = 35px
h-12 = 42px
Botón, campo y selector usan las mismas tres alturas.
Componentes
BorradorPagadoPendienteNuevoVencido
+1
Volumen
Almacenamiento
Panel
Ingresos de la semana
27.120 US$
+18,4% vs. la semana pasada
Pedidos
359
+9,1% vs. la semana pasada
Ticket medio
75,50 US$
+4,2% vs. la semana pasada
Use the left and right arrow keys to read each point, or the View table button.
Pedidos
Tienda abiertaCupón
Vale para el sitio y para el enlace de pago.
Stock bajo
Al café Serra do Caparaó de 250 g le quedan 3 paquetes.
Pago rechazado
El banco del cliente no respondió en el pedido #4126.
EnviadoPendiente
Contraste medido: los 34 pares pasan WCAG, en claro y en oscuro.