Creative Brief and Style Guide

The Bay Club website design introduces a refined coastal palette inspired by its Mattapoisett setting and the relaxed character of New England’s South Coast. Deep coastal navy and weathered blue provide a sophisticated foundatovement and visual interest while helping connect the website’s coastal setting, golf experience, and established brand identity.

 

Typography

H1 Heading Orpheus - 60pt

H2 Heading Orpheus - 50pt

H3 Heading Jost - 37pt

H4 Heading Jost - 28pt

H5 Heading Jost - 24pt
H6 Heading Jost - 17pt

Paragraph text - Jost  19pt/1.5 line space

Sample text: 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. Sample link excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Color Palette


#24333A


#1A2429 - Footer Only


#D69D2A - Primary CTA Only


#d2b16d


#f2f2f2


#1d1d1d - Text Only

Button Use

CTAs

Example buttons/class:

cta-primary
cta-white
simple-link →
simple-white-link →

NOTE: White buttons and links will only be used on dark backgrounds.

 

Forms

Form buttons will use the "CTA-Primary" class as a default. If you need a white button, use the form option in one of the Theme modules to "Select Alt Button" and the CTA-Five (white solid) will be used.