11 · El símbolo en miniatura
Ícono de app y favicon
El ícono es lo primero que se ve en un teléfono o en una pestaña. Hay tres versiones de la misma idea, según el espacio y el fondo.
En una cuadrícula de íconos
Junto a otras apps, Heliodore debe distinguirse de lejos y no confundirse con un aviso. Mira el ícono entre vecinos de colores y en los dos temas del sistema.
Reglas del ícono
- Esquinas
- Las del archivo (radio del 23 % del lado). El sistema operativo recorta; no se redondea dos veces.
- Margen
- El cristal ocupa un 70 % del lado. No se agranda para «llenar».
- Texto
- Sin nombre dentro del ícono. El nombre lo pone el sistema debajo.
- Cristal oscuro
- Sobre amarillo, el símbolo es oscuro (#141208). Sobre el degradado ámbar, claro y luminoso.
- Favicon
- Versión plana de 16, 32 y 48 px del kit. A 16 px no se ven los huecos: es normal.
- Insignias
- Un punto rojo de notificación no se pone sobre el cristal: el sistema lo coloca en la esquina.
Favicon y pestaña
Heliodore · Manual de marcaVersión plana, legible a 16 px.
Tamaños de exportación
PWA 512 y 192, Apple touch icon y favicon de 32 px, todos en el kit.
Avatar circular
Perfiles de WhatsApp, redes y correo recortan el ícono en un círculo. Comprueba que el cristal no pierda sus puntas.
Usa siempre las versiones «cuadrado» para avatares: el círculo del sistema hace el recorte.