Estilos básicos
Componentes

Guía de estilo Sally

Volver a la página de inicio

Colores

Colores primarios

Verde oscuro
Verde oscuro
#0D423E
Verde claro
Verde claro
#8cdb90

Secundaria

Lavanda
Lavanda
#ebb6fd
Mandarina
Mandarina
#ff9365
Amarillo Sol
Amarillo Sol
#ffd15d
Azul cielo
Azul cielo
#849fff

Colores neutros

300
Gris oscuro
#c8c8c8
400
Gris
#b8b8b8
100
Gris claro
#f8f8f8
300
Beige oscuro
#f8f0d3
200
Beige
#fcf8ed
100
Beige claro
#fefcf8
Blanco
#FFFFFF

Tipografía

Rúbricas especiales

Pantalla 1

FFF Ácido Grotesco
82px / 1,146em

Donec etdolr odio pelle ntesqu.

Pantalla 2

FFF Ácido Grotesco
60px / 1.167em

Donec et odio lom pellen tesqu diam.

Pantalla 3

FFF Ácido Grotesco
44px / 1,182em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Pantalla 4

FFF Ácido Grotesco
28px / 1.429em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Rúbricas

Rúbrica H1

FFF Ácido Grotesco
54px / 1,222em
Donec et odio dolor pelle ntesqu.

Rúbrica H2

FFF Ácido Grotesco
38px / 1.316em
Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Rúbrica H3

FFF Ácido Grotesco
24px / 1,417em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Rúbrica H4

FFF Ácido Grotesco
22px / 1,273em
Donec et odio pellentesqu diam lorem ipsum dolor

Rúbrica H5

FFF Ácido Grotesco
18px / 1,333em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Rúbrica H6

FFF Ácido Grotesco
16px / 1,375em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Cuerpo

Cuerpo Grande

Inter
24px / 1,583em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.

Cuerpo Grande

Inter
22px / 1.583em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.

Cuerpo por defecto

Inter
18px / 1.667em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Cuerpo Pequeño

Inter
14px / 1.714em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et.

Texto único

400

Thicccboi Habitual
Thicccboi Medio
Thicccboi Negrita
24px / 1,083em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

300

Thicccboi Habitual
Thicccboi Medio
Thicccboi Negrita
20px / 1.100em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

200

Thicccboi Habitual
Thicccboi Medio
Thicccboi Negrita
18px / 1.111em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

100

Thicccboi Habitual
Thicccboi Medio
Thicccboi Negrita
16px / 1,125em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

Texto enriquecido

Texto Negrita

Inter
Lorem ipsum dolor sit amet consectetur

Enlace de texto

Inter

Lista de viñetas

Thicccboi
  • Lorem ipsum dolor sit amet consectetur
  • Posuere enim mi pharetra neque proin dic
  • Mauris aliquet faucibus iaculis dui vitae ullamco

Lista numerada

Thicccboi
  1. Lorem ipsum dolor sit amet consectetur
  2. Posuere enim mi pharetra neque proin dic
  3. Mauris aliquet faucibus iaculis dui vitae ullamco

Imagen y pie de foto

Figura y leyenda - Startech X Webflow Template
Mauris commodo quis imperdiet massa tincidunt nunc pulvinar

Texto en mayúsculas

Thicccboi
Lorem ipsum dolor sit amet consectetur

Texto tachado

Thicccboi
Lorem ipsum dolor sit amet consectetur

Texto subrayado

Thicccboi
Lorem ipsum dolor sit amet consectetur

Sombras

Sombras generales

Sombra 01
Sombra 02
Sombra 03
Sombra 04
Sombra 05
Sombra 06

Sombras de botones

Botón color 01
Botón color 02
Botón color 03
Botón blanco 01
Botón blanco 02
Botón blanco 03

Botones

Botones principales

Pequeño
Botón Pequeño
Grande
Botón grande
Pequeño
Botón Pequeño
Grande
Botón grande

Botones secundarios

Pequeño
Botón Pequeño
Grande
Botón grande

Botones de contorno

Pequeño
Botón Pequeño
Grande
Botón grande
Pequeño
Botón Pequeño
Grande
Botón grande

Enlaces

Enlaces

Botón Enlace
Botón Enlace
Botón Icono de enlace
Botón Icono de enlace

Insignias

Distintivos principales

Pequeño
Insignia pequeña
Por defecto
Insignia por defecto
Grande
Insignia grande
Pequeño
Insignia pequeña
Por defecto
Insignia por defecto
Grande
Insignia grande
Pequeño
Insignia pequeña
Por defecto
Insignia por defecto
Grande
Insignia grande

Distintivos secundarios

Pequeño
Insignia pequeña
Por defecto
Insignia por defecto
Grande
Insignia grande
Pequeño
Insignia pequeña
Por defecto
Insignia por defecto
Grande
Insignia grande
Pequeño
Insignia pequeña
Por defecto
Insignia por defecto
Grande
Insignia grande

Entradas

Introducir texto

Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.
Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.
Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.
Por defecto
Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.
Por defecto
Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.

Área de texto

Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.
Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.

Casillas de verificación

Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.

Botones de radio

Muchas gracias. Hemos recibido tu envío.
¡Uy! Algo ha ido mal al enviar el formulario.

Avatares

Círculo de avatares

Avatar - Plantilla Webflow Startech XAvatar - Plantilla Webflow Startech XAvatar - Plantilla Webflow Startech XAvatar - Plantilla Webflow Startech XAvatar - Plantilla Webflow Startech XAvatar - Plantilla Webflow Startech XAvatar - Plantilla Webflow Startech XAvatar - Plantilla Webflow Startech X

Iconos

Iconos

Confirma tu Icono de Correo Electrónico - Startech X Webflow TemplateOlvidaste tu contraseña Icon - Startech X Webflow TemplateProtegido por contraseña - Startech X Webflow TemplatePTO ilimitado - Startech X Webflow TemplatePropiedad - Startech X Webflow TemplateCompromiso - Startech X Webflow TemplateTransparencia - Plantilla Webflow Startech XIcono de diseño - Startech X Webflow TemplateIcono de desarrollo - Startech X Webflow Template100% Remoto - Startech X Plantilla WebflowIcono de marketing - Startech X Plantilla WebflowCrecimiento profesional - Startech X Webflow TemplateInnovación - Startech X Plantilla WebflowPermiso parental - Startech X Webflow TemplateGran cultura - Startech X Webflow TemplateHorario flexible - Startech X Webflow TemplateCrecimiento - Startech X Plantilla WebflowTrabajo en equipo - Startech X Webflow TemplateSeguimiento avanzado de acuerdos - Startech X Webflow TemplateEquipos de marketing - Startech X Webflow TemplatePerfil de cliente potencial individual - Startech X Webflow TemplateGestión de canalizaciones - Plantilla Webflow Startech XGeneración de facturas - Startech X Webflow TemplateDeal Tracking - Plantilla Webflow Startech XCuadro de mando de informes - Startech X Webflow TemplateSeguimiento de correo electrónico - Startech X Webflow TemplateProgramación de reuniones - Startech X Webflow TemplateEquipos de ventas - Startech X Webflow TemplateEquipos de soporte - Startech X Webflow TemplateIcono de dirección - Startech X Webflow TemplateIcono de correo electrónico - Startech X Webflow TemplateIcono de teléfono - Startech X Webflow TemplateIcono de correo electrónico - Startech X Webflow TemplateIcono de correo electrónico - Startech X Webflow TemplateIcono de teléfono - Startech X Webflow TemplateEnvíanos un correo electrónico - Startech X Webflow TemplateLlámanos - Startech X Webflow TemplateVen y únete a nuestro increíble equipo - Startech X Webflow Template

Iconos cuadrados

Fuentes de iconos

Iconos de línea redondeados

Iconos de línea cuadrados

Iconos rellenos

Iconos de redes sociales