Web Guidelines

Forms

Form example, structure, and spacing.

Example

Typography

Labels

  • Font size: 16px (1.6rem)
  • Line height: 1.5em
  • Color: #101820

Placeholder Text

  • Font size: 14px (1.4rem)
  • Line height: 1.5em
  • Color: #999999

Input Description Text

  • Font size: 12px (1.2rem)
  • Line height: 1.5em
  • Color: #101820

Spacing and Structure

Labels

  • Bottom padding: 8px

Placeholder Text

  • Padding: 16px
  • Width: full width

Input Description Text

  • Top padding: 5px