🚥 Niveles de Fidelidad

⭐️ Baja#

• un contorno indicando los limites del bloque
• un texto dentro para identificar el elemento
• debe indicarse el display/direccion correcta
• sin colores
• width, height, margin , padding solo de ser estrictamente necesario

🌟 Media#

• permanece el contorno
• se agregan margenes y paddings
• se pueden ir agregando elementos cromaticos como fondos o colores de tipografia
• se agrega el contenido
• headings para los titulos, p para los parrafos
• se incluyen las imagenes estaticas / svg

✨ Alta#

• Se afina la tipografia para coincidir en tamaño, peso y estilo con el diseño final
• se agregan gradientes, bordes redondeados, sombras,

💫 Final#

• Animaciónes / Transiciones
• Comportamientos complejos