Custom classes

button
large-button

Component previews

Copied!
Copy color code
FE4DCA
name
CMYK 70 0 0 0
sRGB 254 77 202
HEX #FE4DCA
Copied!
Copy color code
FFFF6B
name
PANTONE 7407 C
CMYK 25 42 84 4
sRGB 189 145 71 HEX #BD9147
Copied!
Copy color code
2e2a2c
name
PANTONE BLACK C
CMYK 0 0 0 100
sRGB 46 42 44
HEX #2e2a2c
Copied!
Copy color code
#111111
name
PANTONE 2332 C
CMYK 48 39 42 4
sRGB 139 140 136
HEX #8b8c88
Copied!
Copy color code
384250
Primary text
HEX #111927
Copied!
Copy color code
384250
Secondary text
HEX #384250
Copied!
Copy color code
4D5761
Tertiary text
HEX #4D5761
Copied!
Copy color code
9DA4AE
Quaternary text
HEX #9DA4AE
Copied!
Copy color code
ffffff
Primary background
HEX #BD9147
Copied!
Copy color code
FFFF6B
Secondary background
HEX #FFFF6B
Copied!
Copy color code
F3F4F6
Tertiary background
HEX #F3F4F6
Copied!
Copy color code
000000
Quaternary background
HEX #000000
Copied!
Copy color code
000000
Black
CMYK 0 0 0 100
sRGB 0 0 0
HEX #000000
Copied!
Copy color code
ffffff
White
CMYK 0 0 0 0
sRGB 255 255 255
HEX #FFFFFF
Copied!
Copy color code
FFFF6B
Yellow
CMYK 0 0 100 0
sRGB 255 255 107
HEX #FFFF6B
Copied!
Copy color code
FFFF6B
Yellow
CMYK 0 0 100 0
sRGB 255 255 107
HEX #FFFF6B
Copied!
Copy color code
FFB992
Pink
CMYK 70 0 0 0
sRGB 254 77 202
HEX #FE4DCA
Copied!
Copy color code
FFB992
Salmon
CMYK 0 35 40 0
sRGB 255 185 146
HEX #FFB992
Copy color code
Copied!
Type hex code here
Name
HEX
RGB
PANTONE
CMYK
Copied!
Copy color code
Example:
Name
HEX
RGB
PANTONE
CMYK
Copied!
Copy color code
#111111
Name
HEX
RGB
PANTONE
CMYK
Do not change the logo or the icon colors.
Do not apply effects to the logo or to the icon.
Do not distort the logo or the icon in any way.
Do not place the logo or the icon on a noisy background.
Do not outline the logo or the icon.
Do not apply a gradient to the logo or the icon.
Do not rotate the logo or the icon.
Do not use the logo or the icon as a mask.

Code examples - copy these

Button with external link

<a href="https://www.agencyleroy.com" class="button">View our website</a>

Large button with external link

<a href="https://www.agencyleroy.com" class="large-button">View our website</a>

Button with internal link

<a href="#anchor-tag1" class="button">Link on page</a>

Required tag to link to: <div id="anchor-tag1"> </div>

Large button with internal link

<a href="#anchor-tag-h3" class="large-button">Link on page</a>

Required tag to link to: <div id="anchor-tag-h3"> </div>

Components

Now on this page there are three components:

Colors component of 3 columns: {{brand-colors-3-1="/rtc"}}

Second colors component of 3 columns: {{brand-colors-3-1="/rtc"}}

Colors component of 4 columns: {{brand-colors-4-1="/rtc"}}

Links component of 2 columns with 4 links: {{buttons-2-1="/rtc"}}

Links component of 3 columns with 3 links: {{buttons-3-1="/rtc"}}

Images component of 3 columns {{images-3-1="/rtc"}}

First images component of 2 columns {{images-2-1="/rtc"}}

These can be added by typing the bold code inside of the rich text field on the homepage.

These components can be edited with the correct colors of the project as well as new text and new links. New components can be created by duplicating the ones found here. Or new ones can be created (by me). For each component a unique name needs to be set. Follow the screenshots to find out how to do that.

A required custom attribute has to be set on the element of fs-richtext-component with the unique name of the component
This is found in the Settings tab on the rightside in Webflow after clicking on the component on this page.
Do not change the logo colour or tone outside of the Pa-Hu green, white, or black.
Do not apply a drop shadow or other effects to the logo.
Do not distort, warp or change the logo in any way.
Do not place logo on a noisy background.