Last updated: 10 Dec 2018
The DK design system is based on Google Material Design, gov.uk, Nielsen Norman Group and other thought leaders in accessibility. Design decisions are based on visual design best practices and the aesthetic follows brutalist design methodologies.
Colour theory is taken from Google Material Design and emphasis shades of grey by decreasing black opacity.
Typeface sizes and line-heights are built around scales of sixes with a minimum size of 14px (and 24px line-height).
Display heading 1
Display heading 2
Display heading 3
Display heading 4
Help text (example: image text, date update text, quote source and card meta-data)
Card CTA | is--inactive
Cards designs are based around Google Material Design's best practices, and have two widths: 1/3 or 1/5 the row. Each card contains one idea, and the entire card links to a single place.
Table of contents
Table of contents (toc) designs are pulled Wikipedia's proven design methods.
-- Quote source