Invstor X styleguide
Introducing Invstor X, our definitive Framer Template for the health world. Carefully tailored to suit modern hospitals. Need help? the team behind Invstor X, is ready to help you. Get in touch with BRIX Agency.
Accent color
#3D65FF
Primary 1
Secondary colors
#F6F8FF
Color 1
#D2DCFF
Color 2
Neutral colors
#FFFFFF
Neutral 100
#F9F9F9
Neutral 200
#ECF0FA
Neutral 300
#D8DBE9
Neutral 400
#AEB3C1
Neutral 500
#474B64
Neutral 600
#212438
Neutral 700
#0E1435
Neutral 800
Displays
Heading Extra Large
Onest Medium
68px
/
1.05em
Donec et odio pellentesqu diam dolor volutpat
Heading Large
Onest Medium
54px
/
1.2em
Donec et odio pellentesqu diam dolor volutpat
Heading Medium
Onest Medium
44px
/
42px
Donec et odio pellentesqu diam dolor volutpat
Heading Small
Onest Medium
28px
/
1.4em
Donec et odio pellentesqu diam dolor volutpat consecut rolos diet
Headings
Heading H1
Onest Medium
54px
/
1.115em
Donec et odio pellentesqu diam dolor volutpat
Heading H2
Onest Medium
38px
/
50px
Donec et odio pellentesqu diam dolor volutpat dolor sit amet
Heading H3
Onest Medium
24px
/
34pxem
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor
Heading H4
Onest Medium
22px
/
28px
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor
Heading H5
Onest Medium
18px
/
24px
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor
Heading H6
Onest Medium
16px
/
22px
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor consectur dolor amet
Paragraphs
Paragraph large
Onest Regular
24px
/
38px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Paragraph default
Onest Regular
18px
/
30px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Paragraph small
Onest Regular
14px
/
24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Text single
400
Onest Bold
Onest Medium
Onest Regular
24px
/
26px
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
300
Onest Bold
Onest Medium
Onest Regular
20px
/
22px
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
200
Onest Bold
Onest Medium
Onest Regular
18px
/
20px
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
100
Onest Bold
Onest Medium
Onest Regular
16px
/
18px
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Logo
