Design
Typography
Complete guide to components, type, color and patterns to get you started with designing simple, intuitive and beautiful experience.
The font used across the website is Zodiak and Archia. The illustration below explains both basic and different combination of font size, weight and line height. This can be mixed and matched to create various parings of the same.
Zodiak - Semi Bold, Bold and Extra bold. Refer design for actual useage.
Headline tag 1
Size: 56px | Line height: 64px
Headline tag 2
Size: 48px | Line height: 64px
Headline tag 3
Size: 40px | Line height: 48px
Headline tag 4
Size: 32px | Line height: 40px
Headline tag 5
Size: 24px | Line height: 32px
Zodiak - Semi Bold, Bold and Extra bold. Refer design for actual useage
Alt H1 tag
Used in homepage and main banners
Size: 72px | Line height: 84px
H6 title tag- semi bold
Used in blogs, cards and names
Size: 22px | Line height: 28px
H7 title tag- semi bold
Used in blogs, cards and names
Size: 20px | Line height: 28px
Archia - Regular, Medium and Bold
<p1>Fueled by the constant desire to unlock more operational efficiency, artificial intelligence continues to penetrate into companies in most industries, and managed services is no different.
Size: 16px | Line height: 30px
<p2>Fueled by the constant desire to unlock more operational efficiency, artificial intelligence continues to penetrate into...
Size: 14px | Line height: 24px
Fueled by the constant desire to unlock more operational efficiency, artificial intelligence continues to penetrate into companies in most industries, and managed services is no different.
Highlight paragraph tag used
in blog and homepage
Size: 24px | Line height: 40px
We don't use our current built-in Project Management tool due to its non-user-friendly nature. SuperOps.ai's project management tool overcomes the complexity of traditional project management tools.
Testimonial, Icon title and certain
areas where highlight is required
Size: 18px | Line height: 32px
*For fonts and hyperlink related to navigation, please refer the design
Archia - Regular, Bold and Extra bold
approveArvind ParthibanSize: 14px | Line height: 14px
Header menu item text
Size: 13px | Line height: 13px
© 2026 SuperOps Inc. All rights reserved