The foundations that are to be used for faster product development.
Button of different types, colours and sizes and combination of buttons
Colour palettes and usage, contrast guidelines and SASS variables
Use containers, grids and whitespace to build a structure and hierarchy on the page.
Useful helper classes for common tasks
Icons, their usage and guidance for creating new custom icons
Links and hover/active/visited/focus states
Use of lists and nesting lists
Guidance for building mobile-first responsive web applications
Spacing between elements and vertical rhythm
Basic table styling
Headings, paragraphs, featured text, quotations, lists, links
Showing and hiding elements across breakpoints, for print, device orientations and screen readers