Guía de estilo
Client-First es un conjunto de directrices y estrategias creadas por Finsweet para ayudarle a construir sitios web Webflow.
Clases de estructura
Estructura central definida y flexible que podemos utilizar en todas o en la mayoría de las páginas.
Estilos de encabezamiento
Clases de encabezado cuando el estilo tipográfico no coincide con la etiqueta HTML predeterminada.
El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real.
El texto de muestra se utiliza como marcador de posición. El texto de muestra le ayuda a comprender el aspecto del texto real.
El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web. El texto de muestra se utiliza como un marcador de posición para el texto real que normalmente está presente.
El texto de muestra se utiliza como marcador de posición. El texto de muestra le ayuda a comprender el aspecto del texto real. El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
El texto de muestra se utiliza como marcador de posición. El texto de muestra le ayuda a comprender el aspecto del texto real. El texto de muestra se utiliza como marcador de posición de texto real que normalmente está presente. El texto de muestra le ayuda a comprender el aspecto del texto real.
El texto de muestra se utiliza como sustituto del texto real que aparece normalmente. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real. El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente. El texto de muestra le ayuda a comprender el aspecto del texto real.
Clases de texto
Clases de texto cuando el estilo tipográfico no coincide con la etiqueta HTML predeterminada.
Tamaños de texto
El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
El texto de muestra se utiliza como un marcador de posición para el texto real que normalmente está presente en su sitio web.
El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web.
El texto de muestra se utiliza como un marcador de posición para el texto real que normalmente está presente en su sitio web. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web.
El texto de muestra se utiliza como un marcador de posición para el texto real que normalmente está presente en su sitio web. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web.
Estilos de texto
text-style-strikethrough
text-style-italic
texto-estilo-silenciado
text-style-allcaps
text-style-nowrap
text-style-link
El texto de muestra se utiliza como marcador de posición.
El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web. El texto de muestra se utiliza como sustituto del texto real estilo-2líneas.
El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web. El texto de muestra se utiliza como marcador de posición de texto real. El texto de muestra se utiliza como marcador de posición de texto real normalmente presente. El texto de muestra le ayuda a comprender el aspecto del texto real en su sitio web. El texto de muestra se utiliza como marcador de posición de texto real.
Pesos del texto
Alineación de textos
Colores
Gestione el texto recurrente y los colores de fondo.
Paleta de colores
Colores del texto
Colores de fondo
Anchuras máximas
Utilice la propiedad CSS max-width para contener el contenido interior a una anchura máxima.
Rellenos
Sistema de espaciado útil: clases de relleno. [acolchado-dirección] + [acolchado-tamaño].
Clases de dirección
Clases de tamaño
Márgenes
Sistema de espaciado utilitario - clases de relleno. [margen-dirección] + [margen-tamaño].
Clases de dirección
Clases de tamaño
Iconos
Unifica los tamaños de los iconos. icon-height establece la altura de los iconos. icon-1x1 establece tanto la altura como la anchura de los iconos.
Sistemas de utilidad
Clases de utilidad que nos gusta utilizar en la mayoría de nuestros proyectos para construir más rápido.
Elementos de Webflow
Elementos Webflow nativos con clases Client-First aplicadas.
Ejemplo formulario
Rúbrica 1
Rúbrica 2
Rúbrica 3
Rúbrica 4
Rúbrica 5
Rúbrica 6
El texto de muestra con un enlace se utiliza como marcador de posición del texto real que aparece normalmente. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web. El texto de muestra se utiliza como marcador de posición de texto real. El texto de muestra se utiliza como marcador de posición de texto real. El texto de muestra se utiliza como marcador de posición de texto real.
- El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
- El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
- El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
- El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
- El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
- El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente. El texto de muestra le ayuda a comprender el aspecto que puede tener el texto real en su sitio web. El texto de muestra se utiliza como marcador de posición del texto real que aparece normalmente.
