Colors
Primary colors
Primary 100
#6145FF
Secondary colors
Secondary 100
#AB9DFF
Secondary 200
#0A0618
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#F8F6FF
Neutral 300
#EBE7FF
Neutral 400
#DAD2FD
Neutral 500
#B8B1D8
Neutral 600
#40406A
Neutral 700
#262572
Neutral 800
#0D0C54
Color Overlay
Lavender 100
#1A 9785FF
Lavender 200
#4D 9A91FF
Lavender 300
#66 C9C4FF
Gradient colors
Purple Gradient
#481fff - #00 481fff
Blue Gradient
#6145ff - #ba9dff
Typography
Rethink Sans
Default
Mid
Strong
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Download font
Text style
Size
Line Height
Weights
Display 10
72px
1.105em
Default
Mid
Strong
Display 9
56px
1.105em
Default
Mid
Strong
Display 8
48px
1.250em
Default
Mid
Strong
Display 7
36px
1.250em
Default
Mid
Strong
Display 6
30px
1.250em
Default
Mid
Strong
Display 5
24px
1.250em
Default
Mid
Strong
Display 4
20px
1.250em
Default
Mid
Strong
Display 3
18px
1.250em
Default
Mid
Strong
Display 2
16px
1.250em
Default
Mid
Strong
Display 1
14px
1.250em
Default
Mid
Strong

Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

18px
1.500em
Default
Mid
Strong

Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

16px
1.500em
Default
Mid
Strong

Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

14px
1.500em
Default
Mid
Strong
Shadows
Neutral shadows
Small
Regular
Medium
Large
Logo Icon
Logo + Text
Logo full
Buttons
Primary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
1
Default
1
Default
1
Secondary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
1
Default
1
Default
1
Tertiary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
1
Default
1
Default
1
Links
Links
Lists
Primary button
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Icon
Bullet
Number
Icon
Bullet
Number
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Dark Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
  • Check Default Techdash X Webflow Template | Brix Template
    List item
  • List item
  1. List item
Icons
Image Icons
Apps Default Icon Techdash X Webflow Template | Brix Template
Key Default Icon Techdash X Webflow Template | Brix Template
Phone Support Default Icon Techdash X Webflow Template | Brix Template
Innovation Default Icon Techdash X Webflow Template | Brix Template
Integration Default Icon Techdash X Webflow Template | Brix Template
Help Default Icon Techdash X Webflow Template | Brix Template
Flexible Default Icon Techdash X Webflow Template | Brix Template
Phone Default Icon Techdash X Webflow Template | Brix Template
Lock Default Icon Techdash X Webflow Template | Brix Template
Marketing Default Icon Techdash X Webflow Template | Brix Template
Location Default Icon Techdash X Webflow Template | Brix Template
Key Default Icon Techdash X Webflow Template | Brix Template
Gear Default Icon Techdash X Webflow Template | Brix Template
Briefcase Default Icon Techdash X Webflow Template | Brix Template
Code Default Icon Techdash X Webflow Template | Brix Template
Started Default Icon Techdash X Webflow Template | Brix Template
PTO Default Icon Techdash X Webflow Template | Brix Template
Design Default Icon Techdash X Webflow Template | Brix Template
Dashboard Default Icon Techdash X Webflow Template | Brix Template
Chat Support Default Icon Techdash X Webflow Template | Brix Template
Envelope Default Icon Techdash X Webflow Template | Brix Template
Charts Default Icon Techdash X Webflow Template | Brix Template
Analytics Default Icon Techdash X Webflow Template | Brix Template
Reports Default Icon Techdash X Webflow Template | Brix Template
Teamwork Default Icon Techdash X Webflow Template | Brix Template
Accountability Default Icon Techdash X Webflow Template | Brix Template
Search Default Icon Techdash X Webflow Template | Brix Template
Teamwork Default Icon Techdash X Webflow Template | Brix Template
Update Default Icon Techdash X Webflow Template | Brix Template
Security Default Icon Techdash X Webflow Template | Brix Template
User Default Icon Techdash X Webflow Template | Brix Template
Troubleshooting Default Icon Techdash X Webflow Template | Brix Template
Social media square colored Icons
Social media square Icons
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Custom Icons Set
Avatars
Square avatars
Default
32px
40px
48px
120px
John Carter Avatar Techdash X Webflow Template | Brix Template
John Carter Avatar Techdash X Webflow Template | Brix Template
John Carter Avatar Techdash X Webflow Template | Brix Template
John Carter Avatar Techdash X Webflow Template | Brix Template
Circle avatars
Default
32px
40px
48px
120px
User Default Icon Techdash X Webflow Template | Brix Template
User Default Icon Techdash X Webflow Template | Brix Template
John Carter Avatar Techdash X Webflow Template | Brix Template
John Carter Avatar Techdash X Webflow Template | Brix Template
Inputs
Inputs
Small
Default
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Small
Default
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Small
Default
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkboxes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Toggle Button
Placeholder
Placeholder
Badges
Badges
Primary
Secondary
Primary
Neutral
Secondary
Tertiary
Small
Default
Small
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default

Explore our collection of 200+ Premium Webflow Templates

Need to customize this template? Hire our Webflow team!