Style Guide

This style guide page contains styles and components used through the website. You can change any style from this page and it will be updated throughout the site.

Typography

The different text sizes used throughout the site.

H1

This is a heading.

H2

This is a heading.

H3

This is a heading.

H4

This is a heading.

H5
This is a heading.
H6
This is a heading.
Large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Medium Paragraph

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.

Paragraph

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.

Small Paragraph

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.

Quote
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.
List
  • Heading line height is fixed
  • All buttons now have tooltips
  • Spell checker number issue fixed
Link
More about Webflow
Figure with caption
An image with caption

Rich Text

I'm a New York based Illustrator.

Hi, I'm Macey Harris. I work with a variety of consumer facing brands from around the world to help them produce better campaigns and speak to their customers better .

I've won 12 Top Design Awards and 3 Best Awwwards for my work. If you want to find our more about me and what I can do for you, contact me here.

Latest press

  • Adobe Design Achievement
  • Brand New
  • Communication Arts

More about Webflow

An image with caption

The different weights of greys and colors used throughout the website.

Colors

Buttons

The different button styles used across the website.

Primary
Get in touch
Yellow
Get in touch
Grey
Cancel
Outline
Get in touch
Minimal
Learn more
Disabled
Not available

Columns

The 12 column grid system to make it easy to align sections across different screen sizes.

1 Col
2 Col
3 Col
4 Col
5 Col
6 Col
7 Col
8 Col
9 Col
10 Col
11 Col

Grids

Different grid layouts to use across your site

4 Grid
3 Grid
2 Grid
2-1 Grid
1-2 Grid

Spacers

Spacer elements using the 8-pt grid to give sections more room to breathe.

16 px
24 px
32 px
48 PX
64 PX
80 PX
96 PX
128 PX

Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Thank you! Your message has been received!
Oops! Something went wrong. Please fill in the required fields and try again.

© Outright™. Built by Nikolai Bain. Powered by Webflow.

"Molly has been an ideal partner. They are highly collaborative, quick to respond and provide great design insights. We are excited to continue our partnership."

Charlton Field
Co-Founder, CEO - Banquet Health

"Molly was professional, responsive, and did a wonderful job translating our brief into a clean, compelling website. Would absolutely recommend!"

Joanna Patterson
Co-Founder, CEO - Triple Axle

left arrow
right arrow

Good design from the start.

Brooks Design is a full-service design partner that helps growing companies thrive.

View Work
Contact us

No middle men.

Work directly with your designer. Custom solutions just for you, and no outsourcing.

No skimping on quality.

Partner with expert creatives that get your needs and can bring your vision to life.

Built to last.

Scalable, accessible design that supports rapid growth.

Let us help you take your idea

to the next level.

Supercharge your product, website, or brand.

You're on the path to rapid growth, and we're here to support you.

Tagline

Pricing plan

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Monthly
Yearly
maintenance
$500
Per month
For teams with frequent low-lift tasks.
Book a Call
full service
$4,000
Per month
Our full offering of services & priority support.
Book a Call
fixed project
Prefer a traditional fixed-scope dynamic? We're still here to help. We can do things like:
Contact for Pricing
Feature Category
Unlimited requests
10
25
Unlimited
Up to 2 concurrent requests
Maintenance tasks
Creation of new large projects
Weekly syncs
Pause or cancel anytime
Integrated into your workflow
Changes to scope/priorities
free
free
additional cost, pending availability
Feature Category
Feature text goes here
10
25
Unlimited
Feature text goes here
Feature text goes here
Feature text goes here
Feature text goes here
Feature Category
Feature text goes here
10
25
Unlimited
Feature text goes here
Feature text goes here
Feature text goes here
Feature text goes here
Basic
$180
Per year (save 20%)
Lorem ipsum dolor sit amet
Get started
Business
$280
Per year (save 20%)
Lorem ipsum dolor sit amet
Get started
Enterprise
$480
Per year (save 20%)
Lorem ipsum dolor sit amet
Get started
Feature Category
Feature text goes here
10
25
Unlimited
Feature text goes here
Feature text goes here
Feature text goes here
Feature text goes here
Feature Category
Feature text goes here
10
25
Unlimited
Feature text goes here
Feature text goes here
Feature text goes here
Feature text goes here
Feature Category
Feature text goes here
10
25
Unlimited
Feature text goes here
Feature text goes here
Feature text goes here
Feature text goes here

Our Services

Projects are ideal if you know your scope and budget constraints. They offer specialized support without ongoing commitment.

Retainers provide long-term, flexible support for those with diverse needs, ensuring guaranteed monthly service and the ability to adapt as your requirements evolve.

Book a Call
Product

Standard

  • Custom high-fidelity screens
  • Figma component library
  • Accessibility check
  • Weekly 1:1 check-in

Premium

  • Everything in the standard package
  • Extra screens
  • Screen interactions
Web

Standard

  • Up to 5 responsive website pages
  • Custom graphics
  • Custom interactions
  • 1 templated (CMS) page
  • Weekly 1:1 check-in

Premium

  • Everything in the standard package
  • High-conversion copy
  • SEO optimization
  • Webflow development
Brand

Standard

  • Core pillars
  • Custom color palette
  • Curated typography
  • Suite of logo designs
  • Consolidated brand book
  • Weekly 1:1 check-in

Premium

  • Everything in the standard package
  • 3 customer personas
  • AI prompts for voice and tone
Retainers

Retainers offer flexible, long-term support options tailored to your needs and budget, ensuring you have guaranteed service from us each month, so you can keep growing and address unexpected challenges.

What's Included

  • Reserved hours to put toward any project every month
  • Redeem at any time within the current month
  • First priority in our schedule
A La Carte

Don't see what you need? No worries, we apply our expertise to a "secret menu" of design services available upon request:

  • Slide deck design
  • Single page redesign
  • Accessibility audit
  • Custom graphics
  • Logo design
  • Copywriting
  • Merchandise and apparel design
Book a Call