Design standards

Spacing and layout

You should use multiples of 0.25rem (roughly 4px) for spacing.

Contact details

2.25rem

So that we can send you the certificate.

2rem

3rem

2rem

2.25rem

1rem

3rem

To create consistent layouts you should:

  • use plenty white space between elements
  • limit the use of keylines
Expands to two-thirds/one-third with gutter of 2rem
Centered with maximum width of 28rem and shadow of 0.25rem

View spacing and layout research on GitHub.