{"id":152,"date":"2022-02-14T01:03:58","date_gmt":"2022-02-14T01:03:58","guid":{"rendered":"https:\/\/clinic.wordifysites.com\/?page_id=152"},"modified":"2022-02-14T01:03:58","modified_gmt":"2022-02-14T01:03:58","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/nhi.gov.eg\/style-guide\/","title":{"rendered":"Style guide"},"content":{"rendered":"\n

<\/path><\/svg><\/span>Typography<\/span><\/h2>\n\n\n\n

Menu<\/h3>\n\n\n\n

Font: Niramit, Size \u2013 16px, Weight \u2013 700<\/p>\n\n\n\n

Main Content<\/h3>\n\n\n\n

Font: Lora, Size \u2013 17px, Weight \u2013 400<\/p>\n\n\n\n

Headings – H1<\/h3>\n\n\n
\n
\n\n

Font: Niramit
Size \u2013 42px\/35px
Weight \u2013 700<\/p>\n\n<\/div><\/div><\/div>\n\n

\n\n

Fusce vulputate augue sit amet nunc egestas volutpat.<\/h1>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n

Headings – H2<\/h3>\n\n\n
\n
\n\n

Font: Niramit
Size \u2013 35px\/30px
Weight \u2013 700<\/p>\n\n<\/div><\/div><\/div>\n\n

\n\n

Fusce vulputate augue sit amet nunc egestas volutpat.<\/h2>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n

Headings – H3<\/h3>\n\n\n
\n
\n\n

Font: Niramit
Size \u2013 29px\/24px
Weight \u2013 700<\/p>\n\n<\/div><\/div><\/div>\n\n

\n\n

Fusce vulputate augue sit amet nunc egestas volutpat.<\/h3>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n

Headings – H4<\/h3>\n\n\n
\n
\n\n

Font: Niramit
Size \u2013 24px\/22px
Weight \u2013 700<\/p>\n\n<\/div><\/div><\/div>\n\n

\n\n

Fusce vulputate augue sit amet nunc egestas volutpat.<\/h4>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n

Headings – H5<\/h3>\n\n\n
\n
\n\n

Font: Niramit
Size \u2013 20px\/19px
Weight \u2013 700<\/p>\n\n<\/div><\/div><\/div>\n\n

\n\n
Fusce vulputate augue sit amet nunc egestas volutpat.<\/h5>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n

Headings – H6<\/h3>\n\n\n
\n
\n\n

Font: Niramit
Size \u2013 16px
Weight \u2013 700<\/p>\n\n<\/div><\/div><\/div>\n\n

\n\n
Fusce vulputate augue sit amet nunc egestas volutpat.<\/h6>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n

<\/path><\/svg><\/span>Buttons<\/span><\/h2>\n\n\n
\n
\n
\n\nButton 1<\/a>\n\n<\/div>\n<\/div><\/div><\/div>\n\n
\n
\n\nButton 2<\/a>\n\n<\/div>\n<\/div><\/div><\/div>\n\n
\n
\n\nButton 3<\/a>\n\n<\/div>\n<\/div><\/div><\/div>\n\n
\n
\n\nButton 4<\/a>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/div>\n\n\n

<\/path><\/svg><\/span>Global Colors<\/span><\/h2>\n\n\n
\n
\n
\n\n

contrast<\/p>\n\n<\/div><\/div>\n\n\n

#2d3663<\/p>\n\n<\/div><\/div><\/div>\n\n

\n
\n\n

base<\/p>\n\n<\/div><\/div>\n\n\n

#cce1ed<\/p>\n\n<\/div><\/div><\/div>\n\n