Serving Southeast Ohio Since 2007
Brand GUIDELINES
Website Standards
LOGOS
Primary
Secondary
FONTS
Rules
Primary Headline with a secondary headline beneath – when needed. Use the light green underline for brand consistency.
HEADLINE
Secondary Headline
Body Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum lectus, non sagittis erat. Integer sollicitudin purus eget metus dictum, nec euismod sem dictum.
USE ALL CAPS
Use Title Case
Use the Body Text to carry the rest of the information. The context and details of the information should live in the body text. After all, what’s a head (line), without a body to carry it?
COLORS
Primary
The main pallet of colors and should be prioritized as the dominant colors in assets.
#ffffff
#163d02
#383838
Secondary
The supporting pallet of colors and should be used as accents and add additional emphasis when needed in assets.
#61a229
#c9c9c9
#000000
ICONS
Visual Graphics
Solid, thick line art illustrations. Aim for cartoon-esque in nature.
CTAs
Buttons & Links
Use default theme CTAs. For ADA compliance, ensure buttons always have an hover animation. Use clear, concise direction as to the desired action. 20-25 characters max.
Redirect
Add internal links to High-Performing pages that redirect the user to a relevant lower performing page & vise-versa
Relevant Connections
Add internal links every time it is relevant to the topic or to another page on the site. If there is a way to rephrase a piece of copy to directly tie into another product, service, article, or page, make the pivot in order to add the link.
NOTE
ONLY relevant links are helpful. A page full of links that don’t directly correspond to the content, is just adding noise and muddying the message.
FAQs
Accordion Menus
Accordion content blocks. Question housed in the Title & Answer housed in the Drop Down.
IMAGES
Use of Visual Media
Circles with Drop Shadows & Full Content Width Rectangles with gradient fade. Standard Image w/Text Content Blocks are ok.
Circles & Drop Shadows
HEADLINE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum lectus, non sagittis erat. Integer sollicitudin purus eget metus dictum, nec euismod sem dictum.
Full Content Rectangle w/Gradient
HEADLINE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum lectus, non sagittis erat. Integer sollicitudin purus eget metus dictum, nec euismod sem dictum.
Standard Image w/Text
HEADLINE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum lectus, non sagittis erat. Integer sollicitudin purus eget metus dictum, nec euismod sem dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum lectus, non sagittis erat. Integer sollicitudin purus eget metus dictum, nec euismod sem dictum.
COPY, FOCUS, & TONE
Demographics & Main Customer Base
Contractors
Wholesalers
Retail
Tone Attributes
Professional
- Quality
- Efficiency
- Reliability
Confident
- Authoritative
- Knowledgeable
- Long-Tenure
- Historical Customer Satisfaction
Approachable
- Trustworthy
- Conversational Prompts
- Personalized Support
- Clear CTAs
- “We’re One of You”
Morally Rooted
- Relationship Focused
- Do What is Right
- Biblically Lead
- Service Focused
All Copy needs to be written with Language that reflects the Tone Attributes and speaks to the primary Demographics/Customer Base first.
Key Phrases & Words
Quick & Efficient
Custom Designed
Delivered to Your Job Sight
Commercial & Residential
Measured to Fit
Easy to Order
Reliable Manufacturer
Streamlined
IMPORTANT REMINDERS
Things to Keep In Mind
3D Builder
When possible, have the CTA direct the user to design their structure via the 3D Builder.
Contact Us
When there is potential for additional questions, include a CTA inviting the customer to contact us.
Remember the Audience
A majority of the customers are those that do the work themselves as a profession, It’s ok to use industry jargon or speak directly to on-the-job problems when appropriate. Incorporate further description if needed if there is potential of a much broader audience.
3D Builder
Creating a new block?
The HOME page and a PRODUCT PARENT page are your go to sources. Any original block created that’s not on one of these two pages, must be created within the