Introducing next-gen people management tools
FREE UPDATE
Our trusted clients

Style Guide

All graphical assets in this template are licensed for personal and commercial use. If you'd like to use a specific asset, please check the license below

Colors
Soft violet
#8478f0
Coral rose
#e3808a
Deep purple
#6a3b8a
Deep slate
#141419
Slate mist
#a3a8b8
Dark slate blue
#404357
Typography
Size
Line height
Weights

H1

3.75 rem
113.33%
Medium

H2

2.5 rem
120%
Medium

H3

1.875 rem
126.67%
Medium

H4

1.375 rem
145.45%
Medium
H5
1.25rem
160%
Medium
H6
1.125 rem
155.56%
Medium

Body font

1 rem
150%
Regular

Button font

1 rem
150%
Semi bold
Logo
Favicons
Zelect FaviconZelect Webclip
Brand logo
Zelect-logo
Lists
  • List Item one
  • List Item two
  • List Item three
  1. List Item one
  2. List Item two
  3. List Item three
Icons
Line icons
Zelect-product-one-pricing-basic-iconZelect-product-one-pricing-standard-iconZelect-pricing-three-growth-plan-iconZelect-home-one-solution-iconZelect-pricing-three-advance-plan-iconZllect-pricing-two-basic-plan-icon
Placeholder
Inputs
icon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text area
icon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
States messages
Thank you! Your submission has been received!
Rich text

Streamlining processes for better efficiency

Automated testing and deployment reduce human error while maintaining consistency. This approach improves collaboration between developers and designers across different stages of development.

With automation in place, teams can release updates faster without compromising quality. It also allows teams to respond quickly to feedback and changing requirements.