»
Style Guide

Style Guide

A top-level index of basic typography, colours and flexible components available for use on the RICH website.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Colours

White
#fff

Black
#000

Midnight Purple
#39135a

Electric Violet
#9050c3

Viridian Green
#055e3d

Mint Green
#03c584

Coral
#e04c49

Amaranth
#eb9392

Buttons

Button Button Button Button

Video

Side-by-Side Text and Media Block

Side-by-Side Text and Media Block title

Voluptate quis qui aliqua cillum laboris consectetur elit sit anim magna ut officia. Consequat quis laboris do. Duis aliquip ullamco quis cupidatat occaecat consequat dolore Lorem aliquip commodo mollit officia. Quis ut eu deserunt fugiat minim laborum duis incididunt officia nulla amet. Irure excepteur ut Lorem elit. Minim ut cillum duis proident labore. Quis cupidatat id ex voluptate enim.

Button text

Side-by-Side Text and Media Block title

Voluptate quis qui aliqua cillum laboris consectetur elit sit anim magna ut officia. Consequat quis laboris do. Duis aliquip ullamco quis cupidatat occaecat consequat dolore Lorem aliquip commodo mollit officia. Quis ut eu deserunt fugiat minim laborum duis incididunt officia nulla amet. Irure excepteur ut Lorem elit. Minim ut cillum duis proident labore. Quis cupidatat id ex voluptate enim.

Button text

Side-by-Side Text and Media Block title

Voluptate quis qui aliqua cillum laboris consectetur elit sit anim magna ut officia. Consequat quis laboris do. Duis aliquip ullamco quis cupidatat occaecat consequat dolore Lorem aliquip commodo mollit officia. Quis ut eu deserunt fugiat minim laborum duis incididunt officia nulla amet. Irure excepteur ut Lorem elit. Minim ut cillum duis proident labore. Quis cupidatat id ex voluptate enim.

Button text

Multi Copy Block

Specialists united

In commodo enim nulla sint ea excepteur qui enim enim proident occaecat non id. Fugiat sit ad in laboris fugiat in eiusmod excepteur dolore nulla fugiat ipsum quis sit cillum. Ex amet excepteur incididunt irure culpa eiusmod do elit. Minim sunt officia consectetur aliqua ex aute amet eu ad ipsum eu in ad culpa. Ex do deserunt minim dolor. Ad in et fugiat mollit velit do ex ullamco cillum.

Specialists united

Ea et cupidatat nulla. Ad consequat adipisicing dolore eu do eiusmod consectetur veniam. Occaecat esse nostrud reprehenderit cillum magna ad aliquip consequat. Laborum est ipsum proident consectetur tempor deserunt qui elit laboris commodo sit nostrud dolor amet do. Ipsum ut excepteur laborum cupidatat excepteur quis eu ea aliquip dolore nisi eiusmod do minim. Officia excepteur cupidatat non eiusmod ipsum deserunt. Laboris laboris id elit. Eiusmod pariatur ex culpa labore do ipsum fugiat amet quis excepteur tempor non esse.

Specialists united

Sit voluptate elit minim ad exercitation anim minim fugiat enim. Pariatur veniam cupidatat velit incididunt aliquip aliqua velit Lorem proident eu nostrud. Laboris nostrud incididunt eu est velit in nulla velit veniam est. Anim non sit quis amet culpa laborum nisi elit labore. Reprehenderit aliqua non duis deserunt consequat in mollit officia eiusmod commodo mollit non.

Specialists united

In commodo enim nulla sint ea excepteur qui enim enim proident occaecat non id. Fugiat sit ad in laboris fugiat in eiusmod excepteur dolore nulla fugiat ipsum quis sit cillum. Ex amet excepteur incididunt irure culpa eiusmod do elit. Minim sunt officia consectetur aliqua ex aute amet eu ad ipsum eu in ad culpa. Ex do deserunt minim dolor. Ad in et fugiat mollit velit do ex ullamco cillum.

Specialists united

Ea et cupidatat nulla. Ad consequat adipisicing dolore eu do eiusmod consectetur veniam. Occaecat esse nostrud reprehenderit cillum magna ad aliquip consequat. Laborum est ipsum proident consectetur tempor deserunt qui elit laboris commodo sit nostrud dolor amet do. Ipsum ut excepteur laborum cupidatat excepteur quis eu ea aliquip dolore nisi eiusmod do minim. Officia excepteur cupidatat non eiusmod ipsum deserunt. Laboris laboris id elit. Eiusmod pariatur ex culpa labore do ipsum fugiat amet quis excepteur tempor non esse.

Specialists united

Sit voluptate elit minim ad exercitation anim minim fugiat enim. Pariatur veniam cupidatat velit incididunt aliquip aliqua velit Lorem proident eu nostrud. Laboris nostrud incididunt eu est velit in nulla velit veniam est. Anim non sit quis amet culpa laborum nisi elit labore. Reprehenderit aliqua non duis deserunt consequat in mollit officia eiusmod commodo mollit non.

Specialists united

In commodo enim nulla sint ea excepteur qui enim enim proident occaecat non id. Fugiat sit ad in laboris fugiat in eiusmod excepteur dolore nulla fugiat ipsum quis sit cillum. Ex amet excepteur incididunt irure culpa eiusmod do elit. Minim sunt officia consectetur aliqua ex aute amet eu ad ipsum eu in ad culpa. Ex do deserunt minim dolor. Ad in et fugiat mollit velit do ex ullamco cillum.

Specialists united

Ea et cupidatat nulla. Ad consequat adipisicing dolore eu do eiusmod consectetur veniam. Occaecat esse nostrud reprehenderit cillum magna ad aliquip consequat. Laborum est ipsum proident consectetur tempor deserunt qui elit laboris commodo sit nostrud dolor amet do. Ipsum ut excepteur laborum cupidatat excepteur quis eu ea aliquip dolore nisi eiusmod do minim. Officia excepteur cupidatat non eiusmod ipsum deserunt. Laboris laboris id elit. Eiusmod pariatur ex culpa labore do ipsum fugiat amet quis excepteur tempor non esse.

Specialists united

Sit voluptate elit minim ad exercitation anim minim fugiat enim. Pariatur veniam cupidatat velit incididunt aliquip aliqua velit Lorem proident eu nostrud. Laboris nostrud incididunt eu est velit in nulla velit veniam est. Anim non sit quis amet culpa laborum nisi elit labore. Reprehenderit aliqua non duis deserunt consequat in mollit officia eiusmod commodo mollit non.

CTA Block

Got a new project for us?

Our super-friendly team will be happy to chat through our experience and give expert advice.

Find out how

Got a new project for us?

Our super-friendly team will be happy to chat through our experience and give expert advice.

Find out how

Got a new project for us?

Our super-friendly team will be happy to chat through our experience and give expert advice.

Find out how

Copy Block

Component title

Id id sit sunt duis veniam id sit adipisicing in labore eiusmod occaecat. Sunt velit aliqua et veniam anim magna laboris. Tempor aliqua tempor laborum sint commodo ullamco minim laboris esse.

Link title

Component title

Id id sit sunt duis veniam id sit adipisicing in labore eiusmod occaecat. Sunt velit aliqua et veniam anim magna laboris. Tempor aliqua tempor laborum sint commodo ullamco minim laboris esse.

Link title

Component title

Id id sit sunt duis veniam id sit adipisicing in labore eiusmod occaecat. Sunt velit aliqua et veniam anim magna laboris. Tempor aliqua tempor laborum sint commodo ullamco minim laboris esse.

Link title

Hero Block

»
Style Guide

Our Services

Your eCommerce search marketing agency partner, guiding you from complexity to clarity. Welcome to a refreshing approach to performance marketing.

Find out how

»
Style Guide

Our Services

Your eCommerce search marketing agency partner, guiding you from complexity to clarity. Welcome to a refreshing approach to performance marketing.

Find out how

Side-by-Side Copy Block

Service USP

We’re all about putting design for humans at the heart of any digital experience – we strive to understand what attracts engagement for a specific audience, adding delight and easing friction – be that designing a landing page, a brand website, web or mobile application, in fact anything digitally powered.

Service USP

We’re all about putting design for humans at the heart of any digital experience – we strive to understand what attracts engagement for a specific audience, adding delight and easing friction – be that designing a landing page, a brand website, web or mobile application, in fact anything digitally powered.

Service USP

We’re all about putting design for humans at the heart of any digital experience – we strive to understand what attracts engagement for a specific audience, adding delight and easing friction – be that designing a landing page, a brand website, web or mobile application, in fact anything digitally powered.

Gallery

Section Navigation

Hero Images

Stats Block

Client

25%

more conversions

Client

25%

more conversions

Client

25%

more conversions

Client

25%

more conversions

Client

25%

more conversions

Client

25%

more conversions

Client

25%

more conversions

Client

25%

more conversions

Client

25%

more conversions

Logo Slider

Our clients

Content Cards

Fresh insight

Power beyond search

Reprehenderit dolore veniam minim consequat veniam elit aute aliqua veniam esse reprehenderit in aliquip.

Find out more

Customer behaviour tracking

Occaecat ipsum proident pariatur velit non ullamco deserunt tempor dolor.

Find out more

Bespoke data hub

Non ea magna cillum id veniam cupidatat mollit esse officia ipsum consequat eu Lorem do.

Find out more

Fresh insight

Power beyond search

Reprehenderit dolore veniam minim consequat veniam elit aute aliqua veniam esse reprehenderit in aliquip.

Find out more

Customer behaviour tracking

Occaecat ipsum proident pariatur velit non ullamco deserunt tempor dolor.

Find out more

Bespoke data hub

Non ea magna cillum id veniam cupidatat mollit esse officia ipsum consequat eu Lorem do.

Find out more

Content Accordions

Got a question?

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Got a question?

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Got a question?

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Question title

Quis nulla reprehenderit do fugiat amet aliquip aliquip tempor nisi consequat cillum ad. Sit labore incididunt eu non Lorem duis ullamco ut commodo consectetur aute sit laborum. Amet id incididunt veniam et aliqua id ullamco minim. Ea anim ea ex incididunt culpa enim elit cillum irure et nulla. Proident excepteur consequat cupidatat est. Veniam excepteur fugiat tempor non reprehenderit id qui aliquip laborum excepteur eu adipisicing Lorem nulla. Nostrud duis consequat occaecat incididunt aute cillum aute proident mollit dolore est do ipsum. Culpa sunt quis in id.

Form

Form Title

WYSIWYG

In sint eiusmod aliqua ullamco enim cupidatat dolor dolor adipisicing do ad. Velit voluptate irure exercitation laboris fugiat ut nostrud magna do sunt aute reprehenderit cillum. Consequat cupidatat fugiat quis laborum est eu cillum. Do dolor quis ad aliquip enim ex sunt enim eu in adipisicing enim.

Heading

In labore officia labore. Veniam voluptate incididunt duis minim ad culpa duis irure fugiat anim ex mollit. Ut dolore laboris eu eiusmod nulla proident sunt deserunt aliqua nisi ipsum anim consectetur. Mollit sunt non fugiat ipsum. Ea reprehenderit adipisicing quis laboris eu nostrud ea officia ad. Non minim pariatur ut do est enim excepteur exercitation ullamco aliquip et consequat laboris esse est. Magna ex voluptate incididunt non cillum ipsum cupidatat commodo sint fugiat qui exercitation culpa in.

Heading

Occaecat Lorem esse et est exercitation labore eu do minim cillum magna occaecat. Culpa ipsum do officia. Laborum dolore pariatur voluptate incididunt elit. Laboris eiusmod ad Lorem id excepteur nulla velit laboris sit reprehenderit culpa ad culpa non proident.

Heading

Ad commodo consectetur Lorem irure mollit adipisicing commodo nisi veniam irure. Ullamco aliquip consectetur laborum. Velit commodo eiusmod aute cillum quis voluptate magna est ullamco sit. Lorem velit Lorem deserunt velit sunt magna est non reprehenderit esse qui aliqua minim sit. Sint dolore officia amet aliquip mollit culpa elit tempor officia irure occaecat elit duis id.

Stat Pods

In Numbers

+27%

conversions

5M

total reach

4.5%

engagement

Brand Hero

Component heading

Your eCommerce search marketing agency partner, guiding you from complexity to clarity. Welcome to a refreshing approach to performance marketing.

Find out how