Guía de estilo CSS

Por donde empezar?

Por una feature

Como empezar?

• Sketch con rotulador gordo
• Usar escala de grises, ignorar el color
• Añadir detalles gradualmente: tipo, sombras, iconos…

Elige una personalidad para el sitio

• Tipografia
• Color
• Radio
• Lenguaje

Limita tus opciones

• Crear sistemas en la configuracion de tailwind que limiten las opciones:

  • Colores disponibles
  • Tamaño de fuente
  • Peso de la fuente
  • Altura de linea
  • Margenes
  • Padding
  • Ancho
  • Alto
  • Sombras
  • Border radiues
  • Border width
  • Opacidad

• Escoge por eliminacion:

  • Escoge un candidato que parezca bueno
  • Comparalo con los contiguos
    • Se ve mejor? quedate con el
    • Se ve mejor otro? Repite el proceso con el

Establece jerarquias:

• No depender del tamaño del texto para las jerarquias
  • En su lugar, tirar de peso o color