RYCO Web Style Guide
RYCO Style Guide
Logos SVG Format For High Quality
Typography 'Abel', Helvetica, Arial, sans-serif link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'
Small – $font-size-small
Sentence case
Title Case
UPPERCASE
Basebody paragraph – $font-size-base
Sentence case
Title Case
UPPERCASE
h6 – $font-size – h6
Sentence case
Title Case
UPPER CASE
h5 – $font-size – h5
Sentence case
Title Case
UPPER CASE
h4 – $font-size – h4
Sentence case
Title Case
UPPER CASE
h3 – $font-size – h3
Sentence case
Title Case
UPPER CASE
h2 – $font-size – h2
Sentence case
Title Case
UPPER CASE
h1 – $font-size – h1
Sentence case
Title Case
UPPER CASE
Colors Color description
.ryco-primary – $ryco-primary – #d50032
.ryco-dark-cool-gray – $ryco-dark-cool-gray – #1d2427
.gray-dark – $gray-dark – #252829
.gray – $gray – #383c3e5
.gray-light – $gray-light – #4a5052
.gray-lighter – $gray-lighter – #777c7d
.gray-lightest – $gray-lightest – #d2d3d4
.gray-extreme-light – $gray-extreme-light – #eeeeee
Forms Contact Forms
Button RYCO Buttons
Insert Module >> Add From Library >> Search = General Button
To Add this button:
Insert Module >> Add From Library >> Search = 3D Couplings