Dicotomía Viral

 PROYECTO: "Dicotomía Viral" (Fuego & Hielo)

Objetivo: Generar una tendencia de identidad visual en un grupo de 60 alumnos de bachillerato en 14 días.
Elemento: Micro-pines de acrílico o esmalte (Emoji 🔥 y ❄️).


I. PREPARACIÓN (Día 0)

  • Adquisición: 35 pines de Fuego y 35 de Hielo (margen de pérdida).
  • Selección de "Semillas": Identificar a 5 alumnos líderes (sociables, con seguidores en redes, carismáticos).
  • Kit de Inicio: Entregar a cada líder un par (uno de cada uno).

II. FASE 1: INFILTRACIÓN Y MISTERIO (Días 1 - 4)

Acción: Los 5 líderes usan solo un pin de forma visible (cuello de camisa o mochila).

  • Guion para los líderes (ante preguntas):
    • Si preguntan "¿Qué es?": "Es por el mood de hoy, ¿no lo sientes?" (sonrisa cómplice).
    • Si insisten: "Solo los que están en la misma frecuencia lo traen. Luego entenderás".
  • Prohibición: No revelar la fuente ni regalar pines aún. El objetivo es crear FOMO (miedo a quedarse fuera).

III. FASE 2: BOMBARDEO VISUAL (Días 5 - 9)

Acción: Introducir a 10 alumnos más (segundo círculo social).

  • Distribución: Los líderes originales "premian" a otros 10 con un pin.
  • Presencia Digital: Los 15 alumnos deben subir una historia (Instagram/TikTok/WhatsApp) enfocando el pin con música de fondo (tendencia actual), sin texto explicativo.
  • Interacción: Si alguien lleva Fuego 🔥, alguien con Hielo ❄️ debe chocar los puños o hacer una señal de "rivalidad amistosa".

IV. FASE 3: PUNTO DE INFLEXIÓN (Días 10 - 12)

Acción: Apertura masiva.

  • El "Drop": Se colocan los pines restantes en un lugar común (ej. una mesa en el salón o entrada) con un letrero que diga: "¿Cuál eres hoy? Elige tu bando".
  • Efecto Rebaño: Al ver que los "populares" ya los usan, los 45 alumnos restantes los tomarán por inercia social para sentirse parte del colectivo.

V. FASE 4: CONSOLIDACIÓN Y VIRALIDAD (Día 14)

Acción: El evento de cierre.

  • Foto Grupal: Organizar una foto de los 60 alumnos divididos por "bandos" (Fuego vs. Hielo).
  • Legado: El objeto deja de ser un misterio y se convierte en un símbolo de generación.

REGLAS DE ORO PARA EL ÉXITO

  1. Cero intervención docente: Si un profesor pregunta, los alumnos deben sentir que es un "secreto" de ellos.
  2. Bajo costo, alto contraste: Los colores naranja y azul deben resaltar sobre el uniforme.
  3. Personalización: Permitir que los alumnos pongan sus propios nombres o stickers pequeños sobre el pin para hacerlo "suyo".

 

 

PROYECTO: "MODO ON / MODO OFF" (Dicotomía Viral)

Objetivo: Crear una tendencia de identidad visual y conductual en un grupo de 60 alumnos de bachillerato.
Elemento: Botones artesanales de 3cm (Emoji 🔥 y ❄️).


I. ESPECIFICACIONES DE PRODUCCIÓN (Día 0)

Para que el objeto sea deseado, debe verse "limpio" y profesional, aunque sea manual.

  • La Plantilla:
    • Hoja tamaño Carta, Papel Couché o Fotográfico.
    • 30 Círculos FUEGO: Emoji 🔥 sobre fondo Negro Sólido.
    • 30 Círculos HIELO: Emoji ❄️ sobre fondo Azul Marino.
  • El Acabado "Pro":

1.            Imprimir la hoja completa.

2.            Laminar con cinta canela transparente ancha antes de cortar (aporta brillo de botón real).

3.            Pegar la hoja sobre cartón rígido (batería o caja de cereal).

4.            Recortar círculos de 3cm y pegar un seguro por detrás con silicón caliente.


II. FASE DE INFILTRACIÓN: "EL MISTERIO" (Días 1 - 4)

Acción: Entrega de los primeros 10 botones (5 de fuego, 5 de hielo) a los Líderes de Opinión.

  • Instrucción: Deben portarlo en un lugar visible pero discreto (solapa, mochila o cordón de gafete).
  • Guion de Respuesta (Prohibido dar explicaciones largas):
    • Pregunta: "¿Qué es eso?"
    • Respuesta: "Es mi modo de hoy. ¿Tú en qué modo vienes?"
    • Si insisten: "Es el Modo On/Off. Solo los que saben lo traen."

III. BOMBARDERO VISUAL: "EL THERMO-CHECK" (Días 5 - 9)

Acción: Los líderes suben contenido efímero (Historias de IG/TikTok/WhatsApp) sin texto, solo el botón y música con "vibe" según el color.

  • Mensaje de WhatsApp para el grupo (solo si preguntan mucho):

"Bandita, dejen de preguntar. Mañana checamos el Thermo-Check en el salón. 🔥 u ❄️, elijan bando."

  • Dinámica Social: Los que traen fuego se saludan con energía; los de hielo se ignoran o saludan con un simple gesto de cabeza (paz).

IV. PUNTO DE INFLEXIÓN: "EL DROP" (Días 10 - 12)

Acción: Entrega masiva.

  • Se dejan los 50 botones restantes en una caja en el escritorio o centro del salón con un letrero hecho a mano que diga: "¿CUÁL ERES HOY? TOMA UNO."
  • Al ver que el "círculo líder" ya los usa, el resto los tomará por sentido de pertenencia.

V. CIERRE Y VIRALIDAD (Día 14)

Acción: Consolidación de la "tribu".

  • La Foto de Bando: Se organiza una foto grupal: los "On" (Fuego) de un lado haciendo ruido/movimiento, y los "Off" (Hielo) del otro lado, serios y estáticos.
  • Resultado: El objeto pasa de ser un pedazo de cartón a un código de comunicación entre ellos.

REGLAS PARA EL ÉXITO

  1. Mantener la exclusividad inicial: Si todos lo tienen el día 1, no es tendencia, es regalo. El deseo nace del misterio.
  2. Uso del contraste: El negro y el azul marino deben ser profundos para que el emoji resalte en las fotos de celular.
HERRAMIENTA EDUCATIVA

Explorador Interactivo de CSS

Aprende CSS modificando código real y viendo los resultados al instante.
Incluye conceptos clave y ejercicios.

¡Aplicado ✓
CSS editable
HTML editable
Vista previa
1
La cascada — la "C" de CSS
Cuando dos reglas contradictorias afectan al mismo elemento, gana la más específica. Si tienen igual especificidad, gana la que aparece más abajo en el archivo. Eso es la cascada.
2
El modelo de caja (Box Model)
Todo elemento HTML es una caja con 4 capas:
contenidopaddingbordermargin
Controlar estas capas es la clave para manejar espacio y tamaño.
3
Selectores: quién recibe el estilo
p → selecciona etiquetas  |  .clase → selecciona por clase  |  #id → elemento único  |  a:hover → selecciona estados interactivos.
4
Herencia
Algunas propiedades como color y font-family se heredan automáticamente de padres a hijos. Otras como border o padding no se heredan.
5
Flujo y layout
Por defecto los bloques (div, p) ocupan toda la línea; los elementos en línea (span, a) fluyen junto al texto. display: flex y display: grid dan control total sobre la distribución.
En Google Sites: ve a Insertar → Incrustar y pega el código generado.
Presiona "Cargar en editor" para ver y editar cada ejercicio antes de usarlo.
01
Tarjeta de presentación
Crea un div con nombre, descripción y color de fondo. Practica padding, border-radius y font-family.
02
Botón animado
Un botón que cambia de color con :hover y escala con transition suave. Aprende estados interactivos.
03
Galería con Flexbox
Tres tarjetas alineadas con display: flex, que se reorganizan en pantallas pequeñas con flex-wrap.
04
Tipografía expresiva
Importa fuentes de Google Fonts y practica jerarquía visual con font-size, font-weight y letter-spacing.
05
Línea de tiempo
Lista vertical con border-left y puntos decorativos con ::before. Proyecto integrador de múltiples conceptos.