Skip to main navigationSkip to main content
Return to Sky UI homepage

Feature - Overview

View on FigmaView on GitHub

Purpose

Feature is a common typographic pattern used across Sky to introduce a product or proposition at the highest level.

Anatomy

The Feature pattern can be broken down into the following elements -

  1. 1
  2. 2
  3. 3
  4. 4

  1. Headline content

    Headlines deliver and emphasise key informative messages.

  2. Body content

    Copy which supports the headline and provides more information to the user.

  3. Legal content (optional)

    Key legal information related to the headline and body copy.

  4. Text Link component (optional)

    A feature can contain an optional Text Link or a Button as a CTA (Call to Action).

Variants & States

  • Appearance: Default, Light
  • Breakpoint: Mobile, Tablet, Desktop
  • Legal: on/off
  • Text Link: on/off

Mobile

Desktop