Other print sizes, fonts and colours (detail)
HTML

<form class="form">
  <div class="govuk-form-group">
    <fieldset class="govuk-fieldset" aria-describedby="non-standard-letter-options-hint">
      <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
        <h1 class="govuk-fieldset__heading">
          What changes do you need?
        </h1>
      </legend>
      <div id="non-standard-letter-options-hint" class="govuk-hint">
        You can choose more than one option. We will ask for more detail if necessary.
      </div>
      <div class="govuk-checkboxes" data-module="govuk-checkboxes">
        <div class="govuk-checkboxes__item">
          <input class="govuk-checkboxes__input" id="non-standard-letter-options" name="non-standard-letter-options" type="checkbox" value="A different font">
          <label class="govuk-label govuk-checkboxes__label" for="non-standard-letter-options">
            A different font
          </label>
        </div>
        <div class="govuk-checkboxes__item">
          <input class="govuk-checkboxes__input" id="non-standard-letter-options-2" name="non-standard-letter-options" type="checkbox" value="Bold text">
          <label class="govuk-label govuk-checkboxes__label" for="non-standard-letter-options-2">
            Bold text
          </label>
        </div>
        <div class="govuk-checkboxes__item">
          <input class="govuk-checkboxes__input" id="non-standard-letter-options-3" name="non-standard-letter-options" type="checkbox" value="Coloured paper">
          <label class="govuk-label govuk-checkboxes__label" for="non-standard-letter-options-3">
            Coloured paper
          </label>
        </div>
        <div class="govuk-checkboxes__item">
          <input class="govuk-checkboxes__input" id="non-standard-letter-options-4" name="non-standard-letter-options" type="checkbox" value="Double line spacing">
          <label class="govuk-label govuk-checkboxes__label" for="non-standard-letter-options-4">
            Double line spacing
          </label>
        </div>
        <div class="govuk-checkboxes__item">
          <input class="govuk-checkboxes__input" id="non-standard-letter-options-5" name="non-standard-letter-options" type="checkbox" value="Large print">
          <label class="govuk-label govuk-checkboxes__label" for="non-standard-letter-options-5">
            Large print
          </label>
        </div>
        <div class="govuk-checkboxes__divider">or</div>
        <div class="govuk-checkboxes__item">
          <input class="govuk-checkboxes__input" id="non-standard-letter-options-7" name="non-standard-letter-options" type="checkbox" value="Standard letter (12-point Arial text on white paper)" data-behaviour="exclusive">
          <label class="govuk-label govuk-checkboxes__label" for="non-standard-letter-options-7">
            Standard letter (12-point Arial text on white paper)
          </label>
        </div>
      </div>
    </fieldset>
  </div>
  <button type="submit" class="govuk-button" data-module="govuk-button">
    Continue
  </button>
</form>
Cookies on the DWP Design System website

HTML
