Identidad Visual · Graphic Assets

Graphic Assets.

Tres sistemas con roles distintos. Flat para UI y editorial. Glow para gamificación. 3D para momentos de alto impacto. Conviven, no compiten.

Los tres sistemas

Cada sistema resuelve un problema visual distinto. Saber cuál usar depende del contexto, no del gusto.

01 · Más importante

3D Realista · claymorphic, momentos hero

Renders generados con IA bajo prompt base claymorphic: acabado mate plastilina, formas orgánicas, colores saturados. Se tratan como fotografía: pesados, no recoloreables, siempre protagonistas de la pieza.

Cuándo usar · hero web, redes sociales, banners, momentos de celebración, merch, decks de impacto.

3D realista
Set completo · 224 íconos en 6 categorías

Para crecer el set, generar nuevos con el prompt claymorphic y agregarlos a la categoría que corresponda.

Galicon 32

El sistema propio del universo Galilei: cofres, planetas, llave, telescopio, mecánicas y artefactos del juego.

Props & Conceptos 46

Objetos abstractos y transversales que ilustran ideas: cerebro, cohete, diana, megáfono, gráficas.

Operación de Restaurante 31

POS, cocina, hotelería, uniformes, fachadas, mobiliario y momentos del día a día operativo.

Estándares & Capacitación 33

Higiene, manipulación de alimentos, mantenimiento, checklists, capacitación y SOPs.

Premios & Recompensas 26

Trofeos, monedas, gift boxes, podio, ratings y momentos de celebración.

Comida & Bebida 56

Platos, postres, bebidas y snacks. Útil para cartas, redes y banners de F&B.

Reglas de combinación

En una sola pieza pueden convivir máximo dos sistemas. Flat es el neutralizador: combina con todo. Glow y 3D no se mezclan entre sí: ambos son visualmente potentes y compiten por la atención.

Flat

Solo Flat. Por defecto en cualquier pieza con densidad de información.

Glow

Solo Glow. Pantallas de logro, mecánicas de gamificación.

3D

Solo 3D. Hero, banner, post hero de redes.

Flat + Glow

Pantallas de gamificación con UI alrededor. El Flat estructura, el Glow celebra.

Flat + 3D

Hero web, posts, decks. El 3D atrae, el Flat ordena la información.

Glow + 3D

Compiten visualmente. Ambos saturan la pieza y nadie gana.

Flat + Glow + 3D

Los tres juntos saturan. Una pieza nunca debe usarlos a la vez.

Uso por canal

Cada punto de contacto pide un mix distinto. La regla mantiene a Flat como base y suma Glow o 3D según el rol del canal.

Canal Sistemas Notas
WebApp · UI funcional Flat Navegación, controles, estados, badges.
WebApp · momentos de gamificación GlowFlat Logros, niveles desbloqueados, recompensas.
Sitio web · texto editorial Flat Cards de contenido, secciones largas, FAQ.
Sitio web · hero y banners 3DFlat 3D protagonista, Flat de apoyo.
Instagram · TikTok · LinkedIn 3DFlat Posts, carruseles, stories. 3D como gancho visual.
Decks comerciales y para inversionistas Flat3D Flat acompaña texto. 3D solo en momentos hero.
WhatsApp grupos Flat Avisos, recordatorios, microcomunicación.
Merch y tarjetas 3D Camisetas, delantales, tarjetas. Gali aparte.

Cómo crecer el set 3D

Los íconos 3D se generan con IA (ChatGPT, Nano Banana, Freepik Spaces, Gemini). Para que el set crezca consistente, todo nuevo ícono debe partir del mismo prompt base. Variar solo el objeto, nunca el estilo.

Prompt base · Claymorphic
Iconografía 3D de estilo claymorphic, caracterizada por un acabado smooth y superficies de apariencia sumamente suave y táctil, predomina un acabado mate absoluto que evita reflejos especulares. El diseño se aleja del hiperrealismo al prescindir de detalles minuciosos. Las ilustraciones emplean formas orgánicas y redondeadas que eliminan aristas duras, logrando una estética amable y moderna. Mediante el uso de una iluminación difusa y sombreados suaves, se genera una sensación de volumen y profundidad que imita la textura del plástico blando o la plastilina pulida. Los colores son vibrantes y saturados, lo que, sumado a su acabado mate pero terso, otorga a cada objeto una cualidad amigable, lúdica y visualmente cohesiva, ideal para interfaces de usuario contemporáneas.

Cómo usarlo · pega el prompt base + agrega una línea con el objeto específico. Ejemplo: "...una rebanada de pastel de chocolate" o "...una mochila roja con detalles dorados". Generar siempre con fondo transparente y en alta resolución.

Descargar sets

Los archivos viven en el repo del Brand Portal. Los SVG están listos para colorear con CSS; los PNG vienen con fondo transparente.