RYCO Web Style Guide

» RYC Style Guide

RYCO Style Guide

Logos SVG Format For High Quality

RYCO Hydraulics logo
 RYCO 24•7 Logo

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

To Add this button:
Insert Module >> Add From Library >> Search = General Button

To Add this button:
Insert Module >> Add From Library >> Search = 3D Couplings