Herramienta · Guía de estilo golf 3D · v1.1.0 · 2026-09-23

Cómo se ven los campos de golf 3D de WIC

Colores, apariencia y formas que llevan todos los exploradores 3D, medidos en los 7 campos que ya están publicados. Es la referencia para armar cada campo nuevo sin tener que preguntar qué se usa.

La guía completa, con la fuente de cada valor, vive en la skill de golf: references/ESTILO-CAMPOS-GOLF-WIC.md, y su versión para máquinas es estilo-campos-golf-wic.json.

El orden de trabajo (el tuyo)

1 · FormaLas piezas del campo a escala, primero en 2D y luego en 3D.

2 · DetallesGreens, salidas, agua, mar, líneas de juego, números y banderas.

3 · Botones y demásSelector de hoyos, cámaras, minimapa, tarjetas y fondo.

4 · PlantasLa vegetación, siempre al final.

En cada fase te enseño el avance con un enlace privado en 3D y capturas, y no paso a la siguiente sin tu OK.

Así se ven hoy los 7 campos

Explorador 3D de Palmilla — Palmilla · referencia del canon

Explorador 3D de Puerto Los Cabos — Puerto Los Cabos

Explorador 3D de Costa Palmas — Costa Palmas

Explorador 3D de Cabo Real — Cabo Real · motor propio, no es canon

Colores del campo

En cada muestra, la mitad izquierda es el color que tiene el motor y la derecha es cómo se ve en vivo. El 3D ilumina la escena y todo sale un poco más oscuro y más cálido. Banderas y números no se iluminan: salen igual.

Placamotor #a8bd8b · en vivo #96a473

Callemotor #3f8f4f · en vivo #337b39

Roughmotor #83a76f · en vivo #7e975f

Salidamotor #65b66b · en vivo #589e54

Greenmotor #a7cc82 · en vivo #98b06e

Agua (lagos y mar)motor #42b8c9 · en vivo #50a1a3

Playamotor #ead8ae · en vivo #c4b895

Arenamotor #e9d6a5 · en vivo #c3b78e

Camino de carritomotor #bab09a · en vivo #a29b7d

Guía doradamotor #f2c85b · en vivo #c8ad54

Banderín#0b5960 · no se ilumina: igual en vivo

Asta#f4f1df · no se ilumina: igual en vivo

Marcador · disco#ffffff · no se ilumina: igual en vivo

Marcador · anillo#4fb8c5 · no se ilumina: igual en vivo

Marcador · número#173f43 · no se ilumina: igual en vivo

Colores de los controles y el marco

Fondo de controles#06494d

Fondo profundo#04383c

Botón#082e32

Barra#244c4e

Marco claro / paneles#eaf7f4

Acento (activo)#f4c65b

Tinta sobre acento#173637

Texto secundario#b9d4d2

Texto#f8fbf8

Marco claro #eaf7f4 de 9 px con esquinas de 21.6 px (6 px y 16 px en teléfono). Detrás, la foto del club con un velo verde petróleo que va del 35 % arriba al 65 % abajo. Sin foto, el fondo es #0d3c42.

Formas: cómo se dibuja cada cosa

Placa

Rectángulo plano y opaco, color salvia, a escala y con el norte arriba. Sin grosor ni borde.

Calles

El polígono real de OpenStreetMap, con una cinta central un poco más oscura siguiendo la línea del hoyo. Si OSM no trae la calle, solo la cinta.

Salidas

Pequeños cilindros verdes con un anillo blanco.

Greens

El polígono del green si existe; si no, un disco. Con anillo blanco y la copa.

Lagos

Solo el agua documentada, con un borde claro. Sin animación.

Mar

Una franja de agua opaca a lo largo de la costa, como en Palmilla.

Guía dorada

Una cinta dorada continua sobre la línea central de cada hoyo.

Números

Burbuja blanca con anillo turquesa y el número en verde oscuro. Siempre al frente y del mismo tamaño en pantalla.

Banderas

Asta crema y banderín verde petróleo triangular, en cada green.

Cámaras

Aerial, Tee, Fairway y Green, más la vista de conjunto al abrir.

Plantas

Solo las documentadas (arbusto, cardón, mezquite, buganvilia, palma), en manchones y nunca sobre juego, agua ni camino. Van al final.

Carretera

En la vista 2D va siempre, para ubicar el campo. En el 3D no existe esa capa: llevarla es una desviación que se aprueba aparte.

Lo que está pendiente de revisar

La verificación encontró 55 diferencias entre documentos, código y lo que se ve en vivo. Ninguna se corrigió sin tu OK. Estas son las que se notan en las páginas publicadas:

I-01 Cormorant Garamond y Manrope no cargan en las 6 páginas del adapter (respaldo Georgia/Times y system-ui); en Cabo Real sí
I-02 Iconos del rail 0×0 px: Phosphor no se carga; en Cabo Real sí
I-03 El anfitrión pisa la letra del explorador. (a) .wic-golf-v3 button/input/select/textarea { font: inherit } (0,1,1) gana a .wic-golf-geo__fly (Cormorant 1.55rem 600), __facility-scope-select (.82rem 760), __hole (700) y __hole-step (1.55rem 450): los cuatro salen Inter 16px 400; el rail (0,2,0) no se afecta. (b) .wic-golf-v3 h3 { font-size:1.2rem } pisa el título de la tarjeta inferior: 23.04px pedido, 19.2px en vivo. Las dos reglas están en la plantilla de la skill: cada campo nuevo las hereda
I-04 Colores de área solo en PLC y Costa Palmas (6 colores de calle y 6 de contorno fuera de la paleta); Palmilla (3 nines) no
I-05 Vidanta etiqueta V1…V9 con un solo recorrido; los demás de un recorrido usan 1…18
I-06 Querencia usa relieve 0.08; Querencia y Campestre cambian groundPaddingScale (0.035 / 0.025), facilityOverviewVerticalOffsetRatio (0.015 / 0.025) y teeEndpointScale (0.82) sin declararlo como desviación
I-07 Claves distintas que solo fijan algunos campos: facilityOverviewFitScale (1.05 / 1.03), groundFootprintPaddingScale (0.05 / 0.04 / 0.035), fairwayContinuityScale (0.3 / 0.32), vegetationScale (1.05 / 1.18 / 1.25), facilityOverviewShowFlags y holeInitialView
I-08 Alineación source (placa horizontal y pequeña en móvil) frente a course (vertical, llena la pantalla)