Design System – staging.guidee.co.uk

Colors

All defined colors from the design system variables.

Core Brand Colors

--color-charcoal #121212

--color-cobalt #0212EE

--color-cherry #D20001

--color-forest #15803D

--color-soft-pink #FEC6E9

--color-sand #F3F3E9

--color-white #FFFFFF

Label / Tag Colors

Paired light + dark variants for category labels, tags, badges, and status indicators.

--color-label-lime #C4FE97

--color-label-lime-dark #005143

--color-label-sky #C7E2F7

--color-label-sky-dark #1C325D

--color-label-amber #FAF0A0

--color-label-amber-dark #BA8332

--color-label-pink #FED1F2

--color-label-pink-dark #B945A2

--color-label-purple #E8D2FF

--color-label-purple-dark #493284

Typography

Playfair Display for headings • Lora for serif body • Roboto for UI & sans body

Heading 1

The Best Cordless Vacuum

Class: ws-h1 • 80px → 64px → 44px

Subheadline (Dek / Standfirst)

After six weeks of rigorous testing across real homes, this is the cordless vacuum we recommend without hesitation.

Class: ws-subheadline • 24px → 22px → 20px • Secondary colour • Sits under the H1

Heading 2

Our Top Pick: Dyson V16

Class: ws-h2 • 56px → 56px → 32px

Heading 3

Why We Chose It

Class: ws-h3 • 32px → 32px → 28px

Heading 4

Key Features at a Glance

Class: ws-h4 • 20px → 20px → 18px

Body Large – Serif

After spending six weeks testing fourteen different cordless vacuums across various home environments, including homes with pets, hardwood floors, and thick carpets, the Dyson V16 Detect consistently outperformed every other model in suction power, battery life, and ease of use.

Classes: ws-body-large ws-body-large-serif • 18px • Serif (Lora)

Body Large – Sans-serif

After spending six weeks testing fourteen different cordless vacuums across various home environments, including homes with pets, hardwood floors, and thick carpets, the Dyson V16 Detect consistently outperformed every other model in suction power, battery life, and ease of use.

Classes: ws-body-large ws-body-large-sans • 18px • Sans-serif (Roboto)

Body – Serif

Every guide published on Helix is carefully researched and written with one clear goal in mind: to help you make confident purchasing decisions without wasting hours scrolling through endless reviews.

Classes: ws-body ws-body-serif • 16px • Serif (Lora)

Body – Sans-serif

Every guide published on Helix is carefully researched and written with one clear goal in mind: to help you make confident purchasing decisions without wasting hours scrolling through endless reviews.

Classes: ws-body ws-body-sans • 16px • Sans-serif (Roboto)

Additional Typography Classes

Body Small

This is small supporting text used for meta information, captions, or footnotes.

Class: ws-body-small • 14px • Regular

Body Bold

This is emphasized body text for important paragraphs or key points.

Class: ws-body-bold • Body + Bold

Caption

Image caption or small label text goes here.

Class: ws-caption • 13px • Medium weight

Button Text

Buy Now

Class: ws-button-text • 15px • Bold (Roboto)

Pros/Cons – Sans-serif

Outstanding suction power with automatic floor sensing
Laser head reveals dust you’d otherwise miss
Excellent anti-tangle technology for homes with pets

Class: ws-pros-cons-sans • Sans-serif (Roboto) + font-weight: 400

Buttons

Consistent button system with primary, secondary, tertiary, and ghost variants.

Primary Buy at Amazon

Class: ws-button ws-button--primary

Secondary Compare Models

Class: ws-button ws-button--secondary

Tertiary Learn More

Class: ws-button ws-button--tertiary

Ghost View Details

Class: ws-button ws-button--ghost

Tables

Clean and structured table variants with optional corner radius.

Variant 1 – Clean

Minimal borders, light header. Ideal for simple comparison tables.

Default – Sharp / Square corners

Feature	Dyson V16	Shark Stratos	Tineco S15
Suction Power	Excellent	Very Good	Good
Battery Life	60 min	50 min	55 min
Weight	3.8 kg	4.2 kg	3.5 kg
Price	£599	£449	£399

Classes: ws-table ws-table-clean

Rounded corners

Feature	Dyson V16	Shark Stratos	Tineco S15
Suction Power	Excellent	Very Good	Good
Battery Life	60 min	50 min	55 min
Weight	3.8 kg	4.2 kg	3.5 kg
Price	£599	£449	£399

Classes: ws-table ws-table-clean ws-table-rounded

Stronger rounded corners

Feature	Dyson V16	Shark Stratos	Tineco S15
Suction Power	Excellent	Very Good	Good
Battery Life	60 min	50 min	55 min
Weight	3.8 kg	4.2 kg	3.5 kg
Price	£599	£449	£399

Classes: ws-table ws-table-clean ws-table-rounded-lg

Variant 2 – Structured + Striped

Strong visual hierarchy with dark header and zebra striping. Ideal for data-heavy tables.

Default – Sharp / Square corners

Model	Best For	Score	Price
Dyson V16 Detect	Overall performance	9.4 / 10	£599
Shark Stratos	Value for money	8.7 / 10	£449
Tineco S15	Lightweight homes	8.2 / 10	£399

Classes: ws-table ws-table-structured

Rounded corners

Model	Best For	Score	Price
Dyson V16 Detect	Overall performance	9.4 / 10	£599
Shark Stratos	Value for money	8.7 / 10	£449
Tineco S15	Lightweight homes	8.2 / 10	£399

Classes: ws-table ws-table-structured ws-table-rounded

Stronger rounded corners

Model	Best For	Score	Price
Dyson V16 Detect	Overall performance	9.4 / 10	£599
Shark Stratos	Value for money	8.7 / 10	£449
Tineco S15	Lightweight homes	8.2 / 10	£399

Classes: ws-table ws-table-structured ws-table-rounded-lg

Article rail

Sticky popular list. Theme owns pin (helix-article-rail); Widget Studio owns the query.

Classes: ws-popular-articles helix-article-rail

Widget Studio – Dynamic Layout Demo

Pros/Cons section now mirrors the exact structure and classes from Twig's render_pros_cons macro.
Border 1 / Border 2 produce the T-shaped inner divider.

Product Number

Border

Button

Dyson V16 Piston Animal

The most powerful and intelligent cordless vacuum you can buy

Buy at Datart Buy at Gastronakup

PROS

Outstanding suction power with automatic floor sensing
Laser head reveals dust you’d otherwise miss
Excellent anti-tangle technology for homes with pets or long hair

CONS

Premium price point
Battery drops quickly when using boost mode
Slightly heavier than some lighter rivals

Visual language