Sección 04

Iconografía

Los pétalos son el ADN visual de la marca. Funcionan como acento, patrón decorativo o elemento estructural. Tres tonos generan profundidad sin perder identidad.

4.1 Sistema

Tres tonos, una forma

Pétalo Profundo

#002E5E

Pétalo Medio

#0040B9

Pétalo Eléctrico

#1465FF

4.2 Composición

Apilado y rotación

Patrón · sobre azul Farmatodo

4.3 Reglas

Qué sí, qué no

SíRotar libremente en múltiplos de 15°

SíCombinar los tres tonos en una composición

SíUsar como acento sutil o patrón saturado

NoDistorsionar la forma del pétalo

NoRecolorear fuera de la paleta de marca

NoMezclar con otros íconos genéricos

4.4 Galería

Headcount y datos

Set curado de Radix Icons para dashboards de personas y métricas. Tres familias: personas, datos e indicadores. Cada celda usa el color de marca como fondo pleno.

Colores en uso

Tokens semánticos · nunca hex inline

bg-secondaryazul muy claro
Fondo de la celda. Superficie neutra para que el ícono respire.
text-brand-petal-3#1465FF
Color del trazo del ícono. Pétalo eléctrico = acento de marca.
text-brand-deep#002858
Alternativa para íconos sobre fondos claros cuando se busca peso.
bg-warning / text-warning#C2410C
Sólo para warnings o estados near-goal. Nunca decorativo.
bg-destructive / text-destructive#E74C3C
Sólo para errores y acciones destructivas.

Regla dura: nunca verde en íconos. Estados positivos van en brand-deep o brand-bright.

Personas y headcount

5 íconos

Person

Avatar

Group

IdCard

Accessibility

Datos y reportes

7 íconos

PieChart

BarChart

ActivityLog

Dashboard

Table

Layers

Mix

Indicadores

4 íconos

ArrowUp

ArrowDown

Target

Clock

∙ Spec

Guía agent-friendly

Agent spec

Iconografía · pétalos y iconos UI

4.5 Iconos 3D

Set ilustrado para marketing y empty states

Renders 3D en paleta azul Farmatodo. Úsalos en onboarding, empty states, banners promocionales o tarjetas de feature — nunca para reemplazar íconos UI funcionales. Fondo transparente, exportar a PNG sin recortes.