Style guide

strenexo-style-guide-colors
Colors
Peach orange
#ffc582
Orange
#f56754
Black
#000000
Silver gray
#b9b9b9
Deep indigo
#3c335d
Emerald green
#10b981
White
#ffffff
strenexo-style-guide-text
Typography
Size
Line height
Weights

H1

3.4375 rem
114%
Normal

H2

2.375 rem
118%
Normal

H3

1.875 rem
126%
Normal

H4

1.375 rem
154%
Semi bold
H5
1.25 rem
150%
Medium
H6
1.125 rem
144%
Semi bold

Body font

1 rem
156%
Normal

Button font

1 rem
162%
Medium
strenexo-style-guide-logo
Logo
Favicons
Brand logo
Strenexo-logo
strenexo-style-guide-list
Lists
  • List Item one
  • List Item two
  • List Item three
  1. List Item one
  2. List Item two
  3. List Item three
strenexo-style-guide-icons
Icons
Social icons
Line icons
strenexo-home-one-automate-your-workflow-iconstrenexo-home-one-optimize-your-operations-iconstrenexo-home-one-powerful-data-insights-iconstrenexo-tick-iconstrenexo-home-one-analytics-icon-onestrenexo-home-one-analytics-icon-three
strenexo-style-guide-placeholder-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!
strenexo-style-guide-rich-text
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.