LA RINCONADA COUNTRY CLUB

Style Guide

parallax image

Recommended Palette

The color palette for La Rinconada draws inspiration from the club’s heritage and natural surroundings. The deep burgundy (#4e0405), one of their core brand colors, brings a sense of richness and elegance to the site—ideal for high-impact elements like call-to-actions. Complementing it is a muted, earthy tone (#865a51) that echoes the warm hues found in the foothills of the Silicon Valley, grounding the design in its location. A soft off-white (#f9f7f6) rounds out the palette, offering a clean, refined backdrop that allows content and imagery to shine while creating an understated sense of approachable luxury.

#4e0405

#151515

#a9894c

#f9f7f6


Typography

Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference Type Scale.

H1 Heading Larken - 60/48pt

H2 Heading Larken - 36/36pt

H3 Heading Larken - 32/32pt

H4 Heading Kumbha Sans - 28/28pt

H5 Heading Kumbha Sans - 24/24pt
 

Paragraph text Kumbha Sans - 18pt/1.6 line space

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Button Use

Forms

Form buttons will use the CTA-Primary class as a default. If you need a white button, use the form option to "Select Alt Button" and the CTA-Five will be used.

CTAs

CTA Buttons (trackable)

When setting up a branded, tracking CTA button using the CTA TOOL select the "Create CTA" button in top right corner and select "start from scratch" then choose "Embedded HTML". Name your button and complete the set-up in the left column - do NOT set any styling in the "style" tab. Under  “Advanced” type the button CLASS in the “Custom CSS Class” field—classes are listed below in button examples (class= cta-primary). 

Example buttons:

cta-primary

cta-secondary

cta-four

cta-five