Skip to content
Amplify from Studio 24
  • Get started
  • Fundamentals
  • Layout helpers
  • Core components
  • Advanced components
  • Design handover & standards
  • Colours
  • Typography
  • Buttons and links
  • Lists
  • Icons
  • Breakpoints
  • Vertical spacing
  • Hide and show items inclusively
  • Skip link
  • Images
  • Forms
  • Form error messages
  • Tables
  • Blockquotes
  • Details and summary
  • Utility classes
  • Flow elements
  • Print styles

Fundamentals

Covering the essential aspects of any website project, such as colours, typography, button and links, lists, spacing and print styles.

Fundamentals are the underlining design principles and materials. A set of design choices, instructions and calculations to govern a project.

Test your fundamentals

A good first milestone is to complete your fundamental settings and review them on the typography test page with the designer.

Designer responsibility

A build-ready, project design file should include these Fundamentals:

  • Colours
  • Typography
  • Buttons and links
  • Lists
  • Icons — size and alignment
  • Tables
  • main container — breakpoints and width constraints

Read more about design handover & standards.

© Studio 24