Developer notes/rules

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6 (copy h5)

Main banner heading (.introduction)

Brand color heading (.heading--brand-color / *--brand-color)


.btn .btn--one .btn--two .btn--three .btn--four .btn--five .btn--six .btn--seven

The main CTA (.cta--hero)

John Ryan the most trusted bed retailer

Find out why

Primary CTAs (.cta--primary)

A primary CTA can have a background color or a background image

Mattresses (.cta--primary__description)


Testimonial boxes

Neil Diamond

X star rating

I have joint and muscular problems and so we decided to buy a new mattress. I am so glad we did, it took no time at all to get used to it, in fact we both sleep so much better and definitely have much less pain on rising. The service was very good and although we had to wait a little while, it was worth it. Couriers helpful, and managed to bring the delivery forward a week as we had no mattress other than a spare which is not the most comfortable. We have recommended to relatives who will be purchasing one soon. Great company.

Book boxes (.book)


Choosing a mattress

Choosing a mattress

Choosing a mattress

Choosing a mattress

Standard boxes (.box)

A standard box

Thin boxes (.box--thin)

A thin box

Extra thin boxes (.box--x-thin)

An extra thin box