Doctr X styleguide
Introducing Doctr X, our definitive Framer Template for the health world. Carefully tailored to suit modern hospitals. Need help? the team behind Doctr X, is ready to help you. Get in touch with BRIX Agency.
Heading Extra Large
Clarity City Bold
68px
/
1.176em
Donec et odio pellentesqu diam dolor volutpat
Heading Large
Clarity City Bold
54px
/
1.222em
Donec et odio pellentesqu diam dolor volutpat
Heading Medium
Clarity City Bold
44px
/
1.182em
Donec et odio pellentesqu diam dolor volutpat
Heading Small
Clarity City Bold
28px
/
1.429em
Donec et odio pellentesqu diam dolor volutpat consecut rolos diet
Heading H1
Clarity City Bold
54px
/
1.222em
Donec et odio pellentesqu diam dolor volutpat
Heading H2
Clarity City Bold
38px
/
1.316em
Donec et odio pellentesqu diam dolor volutpat dolor sit amet
Heading H3
Clarity City Bold
24px
/
1.417em
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor
Heading H4
Clarity City Bold
22px
/
1.273em
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor
Heading H5
Clarity City Bold
18px
/
1.333em
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor
Heading H6
Clarity City Bold
16px
/
1.375em
Donec et odio pellentesqu diam dolor volutpat consectur dolor siet upmer conselor umertor consectur dolor amet
Paragraph large
Clarity City Bold
24px
/
1.583em
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
Clarity City Bold
18px
/
1.667em
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
Clarity City Bold
14px
/
1.714em
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.
400
Clarity City Bold
Clarity City Medium
Clarity City Regular
24px
/
1.083em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
300
Clarity City Bold
Clarity City Medium
Clarity City Regular
20px
/
1.1em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
200
Clarity City Bold
Clarity City Medium
Clarity City Regular
18px
/
1.111em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
100
Clarity City Bold
Clarity City Medium
Clarity City Regular
16px
/
1.125em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur