You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
2.8 KiB
27 lines
2.8 KiB
# Dirección visual de Juegoland
|
|
|
|
Revisión con el skill `frontend-design`, instalado desde [Anthropic](https://github.com/anthropics/skills/tree/main/skills/frontend-design).
|
|
|
|
La identidad parte del logotipo multicolor y de los materiales de los juegos: madera en Go y ajedrez, fichas de colores en parchís, ocas y recorrido en la oca. El tablero es el centro de la partida; los controles explican únicamente la acción disponible. La interfaz que lo rodea es sobria para que esos elementos conserven protagonismo.
|
|
|
|
Paleta base: azul de acción `#0759d9`, rojo de ficha `#ed121b`, amarillo de ficha `#ffc800`, verde de ficha `#15932a`, superficie clara `#ffffff`, texto oscuro `#202c42`. Las variantes de tema conservan colores semánticos de turno, jugadores y peligro con contraste adecuado a cada superficie.
|
|
|
|
Tipografía: Manrope para títulos y texto de interfaz. Su forma geométrica acompaña las letras redondeadas del logotipo, con pesos distintos para separar jerarquías. Escala 12, 14, 16, 20, 24 y 28 px; en pantallas grandes aumenta un escalón. Texto normal a 400, etiquetas a 600, títulos a 750. Interlineado de lectura 1,5. Espaciado 4, 8, 12, 16, 24 y 32 px; controles táctiles de al menos 44 px.
|
|
|
|
Disposición: título y turno comparten línea base en escritorio; en móvil se apilan sobre una misma guía izquierda. Tablero y controles forman un grupo centrado; en móvil las acciones van inmediatamente después del tablero. El menú es un panel de tamaño ajustado a su contenido. Chat y reglas se descubren con un botón.
|
|
|
|
```text
|
|
Escritorio Móvil
|
|
menú logo ajustes menú logo ajustes
|
|
título turno acciones título acciones
|
|
turno
|
|
tablero | controles tablero
|
|
controles
|
|
```
|
|
|
|
Crítica de la propuesta anterior: los encabezados decorativos en mayúsculas añadían información que no ayudaba a jugar, los estilos heredados alteraban tamaños dentro de los diálogos y el logotipo aparecía sobre una placa blanca. Esta revisión elimina esos encabezados en los diálogos y el menú de partida, usa una única familia de interfaz y coloca el logotipo transparente directamente sobre la superficie.
|
|
|
|
Las animaciones muestran lo que cambia después de una acción: agitar, lanzar, desplazar una ficha, colocar o retirar una piedra. La preferencia de movimiento reducido se respeta. Los sonidos se identifican por juego y evento, y se pueden escuchar por separado desde sus ajustes.
|
|
|
|
Invitaciones: título de 24 px, nombre de partida de 18 px, datos secundarios de 14 px y mensaje, explicación y botones de 16 px. La ilustración ocupa un cuadrado de 96 px en escritorio y 80 px en móvil. El encabezado no lleva una etiqueta decorativa sobre el título.
|