Brand Guide

Make Local
Discovery  Feel
— Inevitable

A confident local-growth identity built on calm neutral foundations and vivid digital cues. Color guides attention, connects services and creates energy without replacing content, evidence, or human context.

The handbook contains no published color specifications. Every HEX value in this guide is a practical digital approximation derived from brand research and inferred from the moodboard artwork, then adjusted for reusable interface contrast. It should not be represented as an official Cadillac or GM color standard.
FoundLocal Brand Guide / Strategy

Calm Foundations.
Vivid Local Signals.

FoundLocal uses Midnight Navy, Matte Anthracite, Jasmine White, and White for 80–90% of every composition. The eight cue colors occupy 10–20% and appear as highlights, routes, icon details, glows, tints, rules, data signals, and carefully limited campaign moments.

Core

FoundLocal Purpose
Visibility, Trust, and Growth; real storefronts and owners; consultation-first conversion; transparent reporting; local-market expertise.

86%

Foundation Layer
Midnight Navy anchors structure; Jasmine White and White create space; Matte Anthracite carries readable text. These colors do most of the visual work.

14%

Cue Layer
Blue, Sky Blue, Royal Blue, Purple, Green, Dark Green, Orange, and Gold guide attention without becoming the canvas or replacing hierarchy.

Rule

Meaning Stays Redundant
Every meaningful cue also uses a label, icon, shape, border, pattern, or position. Low-opacity color is never the only carrier of information.
Non-Negotiable Principles

Premium Means Considered.

Photography First
Show real owners, storefronts, teams, customer moments, and neighborhood context. One useful profile mockup is enough.
Evidence Over Dashboards
Use clear outcomes, case-study context, and selected KPIs. Avoid filling the site with fictional charts and floating widgets.
Editorial Hierarchy
Large serif ideas, compact sans-serif explanation, and monospaced technical metadata guide the eye without template repetition.
Local signal Continuity
Concentric contours, pins, routes, directional illumination, and precise dividers repeat quietly across web and print.
Brand

Logo

Logotype
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Logotype
Light
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Logotype
Gray
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Logomark
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Logomark
Light
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Logomark
Gray
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Typography

Hierarchy Typography

Heading 1 Display

Header — Typography

Heading 1

Header — Typography

Heading 2

Header — Typography

Heading 3

Header — Typography

Heading 4

Header — Typography

Heading 5
Header — Typography
Heading 6
Header — Typography
Body - Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Body - Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Body - Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Eyebrow
Eyebrow Without Lid
Eyebrow with Lid
Badge
DEfault

Google Search & Maps

Google Search & Maps

Google Search & Maps

Google Search & Maps

Google Search & Maps

Google Search & Maps

Block Quote
The handbook contains no published color specifications. Every HEX value in this guide is a practical digital approximation derived from brand research and inferred from the moodboard artwork, then adjusted for reusable interface contrast. It should not be represented as an official Cadillac or GM color standard.
list

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Color Palette

Our Brand Colors

Foundation 01
Blue
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Sky Blue
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Royal Blue
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Purple
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Dark Purple
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Green
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Dark Green
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Orange
#F97316
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Dark Orange
#D6AC69
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Gold
#D6AC69
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Dark Gold
#D6AC69
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Midnight Navy
#0F172A
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Jasmine White
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
White
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Matte Anthracite
#32373B
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Foundation 01
Black
#000000
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Buttons

Button Variations

Primary
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
Blue
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
Green
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
Orange
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
Gold
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
Purple
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
Midnight Navy
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
Black
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Primary
White
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Alternative
Outline
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Button Text
Call to Action & Cards

CTA & Cards

Primary
Default
Partner with Foundlocal

Build a Local Strategy
Around Your Industry.

Tell us how your business works, where you serve and what growth should look like next.

Custom Strategy

Clear Reporting

No Long-Term Contracts

Ongoing Support

No Marketing Jargon

Book A ConsultationContact Us
Secondary
Light
Partner with Foundlocal

Build a Local Strategy
Around Your Industry.

Get a clear view of your strongest local opportunities and the steps needed to capture them.

Custom Strategy

Clear Reporting

No Long-Term Contracts

Ongoing Support

No Marketing Jargon

Book A ConsultationContact Us
Third
Dark
Partner with Foundlocal

Let's Grow Your
Business Together

Get a clear view of your strongest local opportunities and the steps needed to capture them.

Custom Strategy

Clear Reporting

No Long-Term Contracts

Ongoing Support

No Marketing Jargon

Book A ConsultationContact Us
Call to Action & Cards

Cards

Card Eyebrow

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card Button Text
Card Eyebrow

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card Button Text
Card Eyebrow

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card Button Text

Card Title

Integrate with other tools you love. Manage the internal mess behind. Built for SaaS landing pages where the feature section needs to do real work

Card Eyebrow

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card Button Text
Card Eyebrow

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Card Button Text
Webflow

Steel Croissant Agency

Steel Croissant is a full-service digital marketing agency working with customers in the B2B industry.

steelcroissant.com
Webflow

Steel Croissant Agency

Steel Croissant is a full-service digital marketing agency working with customers in the B2B industry.

steelcroissant.com
Webflow

Steel Croissant Agency

Steel Croissant is a full-service digital marketing agency working with customers in the B2B industry.

steelcroissant.com
Links

Text Links

Text Link
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Text Link Button
Arrow Link
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Arrow Text Link
arrow-up-right-20-solid
Menu Link
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Navigation Menu Link
Footer Link
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Footer Text Link
Download Link
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Download Text Link
arrow-up-right-20-solid
Iconography

Core Icons

SVG Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
SVG Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
SVG Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Base64 Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Base64 Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
compass
Base64 Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
cube-transparent
Embed Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Embed Icon
Blue
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Embed Icon
Green
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Iconography

Alternative Icons

PNG Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
PNG Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
PNG Icon
Default
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
Forms

Forms + Inputs

Forms
Text Input
Endplates, cover fields, footer, deepest image wells. Use true black selectively.
This is the helper text. The text inherits the wrappers text style.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Frequently Asked Questions

FAQ

Primary
FAQ
Frequently Asked Questions

FAQ

Our local SEO FAQ San Fernando Valley combines plain-language explanations of visibility, reviews, websites, measurement, timing, and working relationships into a clearer decision resource.

 Are you a Webflow expert?
2. Can you create custom designs?
3. Do you offer Webflow CMS & Ecommerce setup?
4. Will my website be SEO-friendly?
5. Can I contact you for bug fixes or website updates?
6. Do you develop Webflow templates?