CREADORES UGC ✦ MARCAS ✦ CAMPAÑAS ✦ CONTENIDO REAL ✦ TALENTO LOCAL ✦ SESIONES DE FOTOS ✦

TUS FOTOS ESTÁN AQUÍ

Sesiones de fotos

¿Estuviste en alguna de nuestras sesiones? Entra a la carpeta de tu sesión, selecciona tus fotos y descárgalas. Algunas sesiones son gratuitas y otras requieren pago antes de habilitar la descarga.

Cargando sesiones...

DIRECTORIO DE CREADORES UGC

Encuentra el talento adecuado para tu marca

Selecciona una ciudad y describe el perfil que necesitas. EL FOCO consulta los perfiles disponibles y ordena los resultados según tu búsqueda.

UGC Fotografía Campañas

BÚSQUEDA DE CREADORES

Buscar perfiles

GRIDS ANIDADOS

Un grid puede contener otros grids sin romper el responsive

Cada nivel responde al ancho real de su contenedor padre y reutiliza la misma lógica.

GRID 2 · COLUMNA A

A1 · ITEM DE GRID 3 GRID 2 INTERNO

A1.1ITEM

A1.2ITEM

A2 · ITEM DE GRID 3 GRID SIMPLE INTERNO

A2.1ITEM

A3 · ITEM DE GRID 3 GRID 2 INTERNO

A3.1ITEM

A3.2ITEM

A3.3ÚLTIMO ITEM · 100%

GRID 2 · COLUMNA B GRID 3 INTERNO

B1ITEM

B2ITEM

B3 GRID 2 INTERNO

B3.1ITEM

B3.2ITEM

GRID 4 · DEMOSTRACIÓN La última fila redistribuye automáticamente el ancho disponible.

C1ITEM 1

C2ITEM 2

C3ITEM 3

C4ITEM 4

C5ÚLTIMA FILA

C6ÚLTIMA FILA

C7ÚLTIMA FILA

CREADORES UGC

Perfiles disponibles

Buscar creadores

Selecciona una ciudad para ver perfiles.

17 · Componentes dinámicos reutilizan la misma base

Si un componente se genera dinámicamente, debe reutilizar las mismas clases visuales y la misma estructura que su versión estática; no crees un segundo sistema para JS.

18 · Elimina código muerto continuamente

Después de cada refactor elimina clases, selectores, variables, funciones, versiones antiguas y estilos que ya no tengan una referencia real.

PRINCIPIOS DE ESCALABILIDAD 19 · JS modular: funciones pequeñas, nombres claros, sin `innerHTML`, CSS embebido ni versiones antiguas Sin código muerto ni versiones antiguas: API entrega datos, JS gestiona estado, template estructura y CSS presenta Principio · Un estado debe tener una sola fuente de verdad Principio · Usa HTML/CSS/APIs nativas antes de inventar componentes Principio · El código debe poder entenderse y mantenerse por un junior

Presupuesto técnico 20 reglas · ≤ 50 clases · ≤ 4 @media · @container para subgrids · 0 inline · 0 !important