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
Midnight navy
#05071a
Royal blue
#3a6ef2
Light sky blue
#84c0f8
Grey
#d9d9d9
Indigo grey
#33354e
Oxford blue
#393b59
Typography
Size
Line height
Weights

H1

4.125 rem
112%
Medium

H2

3.125 rem
110%
Medium

H3

1.875 rem
133%
Medium

H4

1.4375 rem
148%
Medium
H5
1.125 rem
135%
Medium
H6
1.125 rem
150%
Medium

Body font

1.125 rem
156%
Normal

Button font

1 rem
156%
Medium
Logo
Favicons
Brand logo
Avelety-footer-icon
Lists
  • List Item one
  • List Item two
  • List Item three
  1. List Item one
  2. List Item two
  3. List Item three
Icons
Social icons
Line icons
Avelety-home-one-dashboard-icon-oneAvelety-home-one-dashboard-icon-sixAvelety-home-one-dashboard-icon-fiveAvelety-home-one-dashboard-icon-threeAvelety-home-one-dashboard-icon-twoAvelety-home-two-workflow-card-deploy-and-monitor-icon
Placeholder
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text area
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.