Guida allo stile di Webflow

Techstar X è il nostro modello di flusso web per tecnologia e SaaS, creato per le startup di app e software di alto livello. È stato progettato e sviluppato dal nostro straordinario team di Figma Designers e Webflow Developers di BRIX Agency.

Icona Tipografia - Template Webflow Techstar X

Colori

Colore d'accento

Primaria 1
Primaria 1
#1672FD

Colori secondari

Colore 1
Colore 1
#FD7168
Colore 2
Colore 2
#FFCB3E
Colore 3
Colore 3
#E1F1FF
Colore 4
Colore 4
#B1E2FE
Colore 5
Colore 5
#F0F8FF
Colore 5
Colore 6
#FDB52A

Colori neutri

800
Neutro 800
#192033
700
Neutro 700
#2D3448
600
Neutro 600
#495167
500
Neutro 500
#778098
400
Neutro 400
#A2A8BA
300
Neutro 300
#DCDFE4
200
Neutro 200
#F0F1F6
100
Neutro 100
#FFFFFF

Colori del sistema

400
Blu 400
#086CD9
300
Blu 300
#1D88FE
200
Blu 200
#8FC3FF
100
Blu 100
#EAF4FF
400
Verde 400
#11845B
300
Verde 300
#05C168
200
Verde 200
#7FDCA4
100
Verde 100
#DEF2E6
400
Rosso 400
#DC2B2B
300
Rosso 300
#FF5A65
200
Rosso 200
#FFBEC2
100
Rosso 100
#FFEFF0
400
Arancione 400
#D5691B
300
Arancione 300
#FF9E2C
200
Arancione 200
#FFD19B
100
Arancione 100
#FFF3E4
Icona Tipografia - Template Webflow Techstar X

Tipografia

Titoli speciali

Display 1

Grassetto Thicccboi
62px / 1,161em

Donec etdolr odio pelle ntesqu.

Display 2

Grassetto Thicccboi
42px / 1,238em

Donec et odio lom pellen tesqu diam.

Display 3

Grassetto Thicccboi
34px / 1,235em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Display 4

Grassetto Thicccboi
28px / 1,429em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Titoli

Intestazione H1

Grassetto Thicccboi
54px / 1,222em

Donec et odio dolor pelle ntesqu.

Donec et odio dolor pelle ntesqu.

Intestazione H2

Grassetto Thicccboi
38px / 1,316em

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Intestazione H3

Grassetto Thicccboi
24px / 1,417em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Intestazione H4

Grassetto Thicccboi
22px / 1,273em

Donec et odio pellentesqu diam lorem ipsum dolor

Donec et odio pellentesqu diam lorem ipsum dolor

Voce H5

Grassetto Thicccboi
18px / 1,333em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Voce H6

Grassetto Thicccboi
16px / 1,375em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Corpo

Corpo Grande

Thicccboi Medio
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.

Corpo predefinito

Thicccboi Medio
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.

Corpo Piccolo

Thicccboi Medio
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.

Testo singolo

400

Thicccboi Regolare
Thicccboi Medio
Grassetto Thicccboi
24px / 1,083em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

300

Thicccboi Regolare
Thicccboi Medio
Grassetto Thicccboi
20px / 1,1em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

200

Thicccboi Regolare
Thicccboi Medio
Grassetto Thicccboi
18px / 1,111em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

100

Thicccboi Regolare
Thicccboi Medio
Grassetto Thicccboi
16px / 1,125em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

Testo ricco

Testo in grassetto

Thicccboi
Lorem ipsum dolor sit amet consectetur

Elenco dei proiettili

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

Elenco numerato

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

Citazione a blocchi

Thicccboi
24px / 1,417em
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Immagine e didascalia

Una delle startup in più rapida crescita - Techstar X Webflow Template
Lorem ipsum dolor sit amet consectur

Testo Maiuscolo

Thicccboi
Lorem ipsum dolor sit amet consectetur

Testo barrato

Thicccboi
Lorem ipsum dolor sit amet consectetur

Sottolineatura del testo

Thicccboi
Lorem ipsum dolor sit amet consectetur
Icona Shadows - Template Webflow Techstar X

Ombre

Ombre generali

Ombra 01
Ombra 02
Ombra 03
Ombra 04
Ombra 05
Ombra 06

Ombre dei pulsanti

Colore del pulsante 01
Colore del pulsante 02
Colore del pulsante 03
Pulsante bianco 01
Pulsante bianco 02
Pulsante bianco 03
Icona Pulsanti - Template Webflow Techstar X

Pulsanti

Pulsanti primari

Piccolo
Pulsante Piccolo
Predefinito
Pulsante Predefinito
Predefinito
Pulsante Predefinito
Piccolo
Pulsante Piccolo
Predefinito
Pulsante Predefinito
Predefinito
Pulsante Predefinito

Pulsanti secondari

Piccolo
Pulsante Piccolo
Predefinito
Pulsante Predefinito
Predefinito
Pulsante Predefinito
Piccolo
Pulsante Piccolo
Predefinito
Pulsante Predefinito
Predefinito
Pulsante Predefinito

Pulsanti del cerchio primario

Pulsanti circolari secondari

Icona Badge - Template Webflow Techstar X

Distintivi

Distintivi primari

Piccolo
Distintivo piccolo
Predefinito
Badge predefinito
Grande
Distintivo grande
Piccolo
Distintivo piccolo
Predefinito
Badge predefinito
Grande
Distintivo grande
Piccolo
Distintivo piccolo
Predefinito
Badge predefinito
Grande
Distintivo grande

Distintivi secondari

Piccolo
Distintivo piccolo
Predefinito
Badge predefinito
Grande
Distintivo grande
Piccolo
Distintivo piccolo
Predefinito
Badge predefinito
Grande
Distintivo grande
Piccolo
Distintivo piccolo
Predefinito
Badge predefinito
Grande
Distintivo grande
Icona Inputs - Template per flusso web Techstar X

Ingressi

Testo in ingresso

Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.
Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.
Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.
Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.
Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.

Area di testo

Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.
Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.

Caselle di controllo

Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.

Pulsanti radio

Grazie! Il vostro invio è stato ricevuto!
Oops! Qualcosa è andato storto durante l'invio del modulo.
Icona Avatar - Template Webflow Techstar X

Avatar

Cerchio degli avatar

Icona Font Icon - Template X Webflow

Font di icone

Icone di linea arrotondate

Icone di linea quadrate

Icone piene

Icone dei social media