Woodville Accountancy
Web Guidelines
Colours
.brand-1
.brand-2
.brand-3
.white
.grey-1
.grey-2
.grey-3
.grey-4
.black
Typography
Heading - Garamond 62px
Heading Two - Garamond 48px
Heading Three - Roboto Bold 18px
Heading Four - Garamond 25px
Heading Five - Roboto 16px
Heading Six - Roboto 16px
Lead Paragraph - Roboto 18px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, ac sit amet metus.
Normal Paragraph - Roboto 14px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, ac sit amet metus.
Quotations - Roboto Italic 14px
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat numquam eius tempora magni asperiores quaerat amet rem corporis deserunt molestias voluptate, cum officia porro sapiente ratione quo laboriosam possimus veniam nihil vel recusandae totam sint omnis? Deleniti et eveniet blanditiis asperiores amet earum omnis facilis? Laudantium eius assumenda vero amet itaque incidunt omnis quae. Rerum aspernatur quidem dicta, laboriosam id.
Unordered List - Roboto 14px
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, atque.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, incidunt.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, maxime.
- Itaque voluptatibus ab minus laboriosam sit accusantium maxime, hic sunt!
- Velit enim distinctio deleniti fugiat non accusamus ex illo, temporibus.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, omnis?
- Possimus rem, adipisci. Accusantium voluptates, similique fugit voluptate quisquam unde.
Emphasis - Roboto Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.
Italic - Roboto Italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar varius arcu. Praesent eros dui, sodales eu lacinia quis, aliquam in ex. Donec luctus viverra dolor, at cursus lectus mattis at. Sed ex quam, vestibulum in diam et, sodales porttitor eros. Nullam malesuada nec arcu sodales pellentesque. Curabitur at turpis a eros hendrerit luctus ac sit amet metus.
Iconography










Tables
Header | Header | Header | Header |
---|---|---|---|
Data | Data | Data | Data |
Data | Data | Data | Data |
Data | Data | Data | Data |
Data | Data | Data | Data |
Data | Data | Data | Data |
Forms
.subscribe--footer: