Ruffell Jewellers

ROBE

RJ

ROBE

Design System

Colours

Blues -

Greys -

Golds -

Spacing

8px
16px
32px
64px

Typography

Ruffell Jewellers

Heading Font - Asar

Heading 1 (H1) - 52px, 400, 1.2

Heading 2 (H2) - 36px, 400, 1.2

Heading 3 (H3) - 24px, 400, 1.2

Body Font - Arial, Helvetica
Text size -  18px
Font weight - 400
This is the main body-font. This will be used for text throughout the site

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare est eu nibh tempor sodales nec sit amet ligula. Suspendisse ultrices enim id ligula laoreet, eu tincidunt tortor placerat. Nullam ut sodales ante. Phasellus enim magna, pharetra porta vestibulum in, iaculis id ligula. Morbi odio orci, accumsan at risus nec, finibus mattis nibh. Vivamus ullamcorper mi ipsum, in commodo metus semper nec. Nulla at ultricies est. Sed tristique vitae purus quis sollicitudin. Integer sit amet posuere risus, pretium dapibus risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque rhoncus imperdiet mi, vel vestibulum leo interdum eget. In id purus orci. Etiam a iaculis nulla.
Body Font - Gruppo, Helvetica
Text size -  18px
Font weight - 600
Alternative body-font. This will be used for text throughout the site

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare est eu nibh tempor sodales nec sit amet ligula. Suspendisse ultrices enim id ligula laoreet, eu tincidunt tortor placerat. Nullam ut sodales ante. Phasellus enim magna, pharetra porta vestibulum in, iaculis id ligula. Morbi odio orci, accumsan at risus nec, finibus mattis nibh. Vivamus ullamcorper mi ipsum, in commodo metus semper nec. Nulla at ultricies est. Sed tristique vitae purus quis sollicitudin. Integer sit amet posuere risus, pretium dapibus risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque rhoncus imperdiet mi, vel vestibulum leo interdum eget. In id purus orci. Etiam a iaculis nulla.

Box Shadow & Border Radius

.tiny-shadow
.box-shadow
.box-shadow-soft
.rounded-corners

Sample white box

Sample dark box

chevron-down