search

NHSLeadership / nightingale

NHS-Generic Frontend Framework.
Other
35 stars 8 forks source link

Heading Line Heights #209

Closed penpadstudio closed 6 years ago

penpadstudio commented 6 years ago

Correct the Line heights of the nightingale repo to reflect the design file and wiki documentation.

penpadstudio commented 6 years ago

Heading 1 copy is the style that should be used to define a high priority title. As an example it can be used to highlight important data information. Style should be set as Frutiger 65 Bold 48px #231F20 (line height 58px)

penpadstudio commented 6 years ago

Heading 2 copy is the style that should be used to define a lesser priority title than h1. As an example it can be used for article titles. Style should be set as Frutiger 65 Bold 36px #231F20 (line height 44px)

penpadstudio commented 6 years ago

Heading 3 copy is the style that should be used to define a lesser priority title than h2. As an example it can be used as sub article titles. Style should be set as Frutiger 65 Bold 24px #231F20 (line height 29px)

penpadstudio commented 6 years ago

Heading 4 copy is the style that should be used to define a lesser priority title than h3. As an example it is used on form field titles. Style should be set as Frutiger 65 Bold 18px #231F20 (line height 22px)

penpadstudio commented 6 years ago

Heading 5 copy is the style that should be used to define a lesser priority title than h4. As an example it is used for navigation menus. Style should be set as Frutiger 65 Bold 16px #231F20 (line height 19px)

penpadstudio commented 6 years ago

Heading 6 copy is the style that should be used to define a lesser priority title than h5. As an example it can be used on card titles. Style should be set as Frutiger 65 Bold 14px #231F20 (line height 17px)

penpadstudio commented 6 years ago

for further reference: https://github.com/NHSLeadership/nightingale/wiki/(e)Headings