Sistema de diseño

Catálogo de componentes

Oscuro y cálido. Latón solo en lo importante.

Paleta

Fieltro para las superficies, marfil y ébano para los materiales, latón como único acento fuerte (§12.2).

Fieltro noche#0F1714 · fondo de página
Fieltro#18241F · paneles
Fieltro alto#22322B · tarjetas elevadas, hover
Fieltro línea#2E4038 · bordes y separadores
Marfil#EFE7D4 · texto principal, piezas blancas
Marfil tenue#B5AC98 · texto secundario
Ébano#241D18 · piezas negras
Latón#C6A44E · primario: reloj, acciones, foco
Latón brillo#E3C476 · hover del primario
Carmesí#9E2B25 · jaque, error grave, destructivo
Jade#4E9C86 · jugada legal, acierto, confirmación
Índigo#4A6FA5 · información, enlaces de análisis

Tipografía

Bricolage Grotesque para títulos, Public Sans para el cuerpo, JetBrains Mono para notación y datos (§12.3).

hero · 3.815rem Gambito de dama 61 px, solo en la portada
h1 · 2.441rem Gambito de dama 39 px
h2 · 1.953rem Gambito de dama 31,25 px
h3 · 1.563rem Gambito de dama 25 px
lead · 1.25rem Gambito de dama 20 px, entradilla
base · 1rem Gambito de dama 16 px, cuerpo
small · 0.8rem Gambito de dama 12,8 px, pie de tarjeta
micro · 0.694rem Gambito de dama 11,1 px, etiquetas de casilla, metadatos

Cuerpo en Public Sans: la notación algebraica es datos tabulares, así que la planilla y los relojes usan JetBrains Mono con tabular-nums.

1. e4 e5 2. Nf3 Nc6 3. Bb5 a6 · 2:47.3 · +0.4

Etiqueta en versalitas (eyebrow)

Botones

El latón se reserva al primario. Anillo de foco de 2 px en todos.

Formularios

Entre 3 y 24 caracteres.
Escribe un correo válido.
Contraseña segura.
Control de tiempo

Tarjetas

Tarjeta

Fieltro

Panel plano sobre el fondo de la mesa.

Pie de tarjeta

Elevada

Con sombra profunda para lo que flota sobre la mesa.

Rating blitz
1710
+12
Partidas
98
51407
Partida en lista (components/game_card.php)
Nube600Máquina
Vera1800Máquina
5+3 · Blitz · Puntuada En vivo · 47 observadores C50 Apertura italiana
Ñuñoa1652
García1711
10+0 · Rápida · Puntuada En vivo · 3 observadores B22 Siciliana, variante Alapin
Aitor2011
Invitado 48211500
1+1 · Bullet 1-0 A45 Ataque Trompowsky

Modal, menú y tooltip

  • Partida

Chat de observadores

Los jugadores no ven esta sala.

Toasts

Reloj de latón

El lado activo respira; bajo 60 s aparecen las décimas; bajo 30 s pasa a carmesí y la banderita se levanta; al agotarse cae con un clic (§12.4).

Vera
2:47
Nube
1:12
Estados estáticos
Bajo 30 s
0:27.4
Clásica
1:30:00
Bandera caída
0:00.0

Planilla

Dos columnas, numeración a la izquierda, reglas de un píxel, monoespaciado. Jade para las buenas, ámbar para las imprecisiones, carmesí para los errores (§12.5). Recorre con las flechas cuando tiene el foco.

1.
2.
3.
4.
5.
6.
7.
0-1

Seleccionada: 8

Bajo el ratón: –

Tablero 2D y promoción

Casillas de arce y nogal, marco de latón, resaltados de selección, última jugada, jugadas legales, captura y jaque. Cae automáticamente a 2D sin WebGL (§7.7).

Tablero clásico activado. Puedes cambiar a 3D en Ajustes.

Elegida: –

Barra de evaluación

La primera barra recorre valores en bucle.

Personalidades

Nube

Elo 600

Principiante amable, celebra tus jugadas

Agresividad
Codicia
Rey seguro
Estructura
Errores humanos 25 %

Adela

Elo 1200

Sólida y posicional, odia arriesgar

Agresividad
Codicia
Rey seguro
Estructura
Errores humanos 6 %

El Carnicero

Elo 1400

Ataca sin cálculo, sacrifica de más

Agresividad
Codicia
Rey seguro
Estructura
Errores humanos 5 %

Vera

Elo 1800

Táctica aguda, punto débil en finales

Agresividad
Codicia
Rey seguro
Estructura
Errores humanos 2 %

Caissa

Elo 2800

Fuerza casi máxima

Agresividad
Codicia
Rey seguro
Estructura

Espejo

Elo adaptativo

Se ajusta a tu rating en tiempo real

Agresividad
Codicia
Rey seguro
Estructura

Clasificación

#JugadorRatingPartidasBalance
1 Aitor 2011 412 24013042
2 García 1711 98 51407
3 Ñuñoa 1652 133 606112
4 Rocío 1598 21 1281
5 Bastián 1503 5 230

Estados vacío y error

Todavía no hay partidas

Sé la primera persona en sentarse a la mesa.

Jugar contra la máquina

Sin retos abiertos

Paginación

61–80 de 233

Alertas, badges y chips

Tu rival se ha desconectado. Tiene 30 segundos para volver.
Partida guardada y enviada a análisis.
Esta partida no cuenta para el rating.
No se pudo conectar con el servidor de tiempo real.
Primario Secundario Ganada Perdida 5+3 Puntuada En vivo Abandonada Máquina

Sonido

Todo sintetizado con Web Audio API, sin muestras (§12.11).

Temas y accesibilidad

Anillo de foco de latón, alto contraste, modo daltónico con formas y etiquetas de pieza (§12.10). Las preferencias se guardan en este navegador.

Actual: Oscuro