Overview

Illustrations are visual symbols used to bring the warmth of British Gas brand and personality to the website.

Illustrations simplify products and services to users in a friendly manner. Illustrations always accompany the content.

Examples

Configure

Guidance

Do

• Use them to convey depth.
• Use them to differentiate or define the content.
• Use them to help signpost.
• Check existing usage.

Don't

• Make the illustrations small.
• Use on their own as the primary visual element.
• Use instead of icons.
• Alter the colours or apply visual effects.

Implementation

Placement

Specification

Attributes

inactive

Property

inactive

Type

boolean

Default

false

size

Property

size

Description

Size of illustration.

Type

string

Options

'' 1 2 3 4 5

Options

Refer to our illustrations.

name

Property

name

Description

Name of illustration.

Type

string

Options

Refer to our illustrations.

Default

gas

category

Property

category

Type

string

Default

describe

Property

describe

Type

string

Default

type

Property

type

Type

string

Default

standard

Specification notes

Size

When the size attribute value is empty, the icon will fill the parent element.

Inactive

This is for decorative purposes only.