{ "@context": "https://schema.org", "@type": "ProfessionalService", "name": "First Thought Marketing", "url": "https://www.firstthoughtmarketing.com", "logo": "https://...full-url-to-logo.png", "founder": { "@type": "Person", "name": "Klint Brown" }, "description": "Webflow, SEO/GEO, HubSpot/CRM, spreadsheet, and AI implementation services for SMB and mid-market companies.", "areaServed": "United States", "telephone": "+1-509-496-0147", "email": "firstthoughtmarketing@gmail.com", "sameAs": [ "https://www.linkedin.com/company/firstthoughtmarketing/", "https://www.instagram.com/firstthoughtmarketing", "https://www.facebook.com/firstthoughtmarketing" ] }

First Th

ught

Style Guide

This style guide provides a central location to make stylistic changes to your site. If you need additional help, Webflow University provides a library of videos, tutorials and resources to help you get started.

Color Palette

Primary Colors

Absolute Black
#FFFFFF

Absolute White
#000000

Mustard
#E3A400

Wood
#5E371B

Raisin
#252525

Secondary/Accents

Avocado
#3E4826

Tomato
#C57644

Sand
#BFA674

Phillippine Gray
#909090

Space Gray
#464646

Gainsboro
#DCDCDC

Container Sizing

Device Width/Breakpoint
1920px ≥
1440px
1280px
768px - 320px
Base Container Max Width
1440px
1280px
1060px
100%

Typography - Nunito Sans

H1 - Large

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Subheadings

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.

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.

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.

Body Text

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.

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.
  1. f

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Caption

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
  • test TEST Test

Determine Your Level

Each level is meticulously designed to provide you with the highest quality design that your brand needs.

Starter

$1,000 - $2,000
Just enough to get you going
  • 1-5 pages of basic design layout
  • 2-3 review rounds
  • Responsive web design
  • Contact form creation
  • Custom color scheme
  • Base level SEO implementation
Get Started

Enhanced

$2,000 - $4,500*
*Varies on complexity
  • + All "Starter" services
  • 6-10 pages of moderate design layout with simple custom interactions
  • 3-4 review rounds
  • CMS setup and optimization
  • Basic E-Commerce store setup (i.e. product listings)
  • Enhanced UX/UI evaluation
  • Custom typography selection
Get Started

The Real Deal

Let's talk
Based on complexity of site design needs
  • + All "Enhanced" level services
  • Comprehensive SEO audit and implementation (i.e. keyword research, SWOT analysis, etc)
  • Advanced E-Commerce setup (shopping cart, payment gateway, etc)
  • Custom graphics, illustrations, and typography
  • Blog/News Page and hub setup
  • Advanced interactive elements and page triggers
  • Third-party software integrations (CRM, Zapier, Relume, etc.)
  • Completely customized features and functionality based on your needs and wants
Get Started

Our Expertise

Webflow Web Design

Carefully crafted, interactive, and intuitive web sites designed with the power of Figma & Webflow. Built with responsiveness and SEO in mind for your business.

Our Expertise

Search Engine Optimization

White label local and national SEO services to ensure that your brand is found organically through every aspect of the interweb.

Our Expertise

UX and UI Design

Using the power of Figma, Miro, and other industry standard software, we'll ensure that your brand is just as, if not more, visually appealing as you desire.

Our Expertise

Paid Media Services

Professionally certified on Google, Facebook, and Hubspot, we'll help grow your brand with a more targeted approach through paid search and/or social campaigns.

Our Expertise

A la Carte

Not quite sure what you're looking for? Maybe you want a little bit of everything? A la carte allows you to pick and choose from the various services we offer.

Discover More

Important:
If you rename this component, remember to update the class names in the HTML embeds named header103_auto-change and header103_tab-change.

Medium length hero heading goes here

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.

Medium length hero heading goes here

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.

Medium length hero heading goes here

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.

Medium length hero heading goes here

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.