STYLE GUIDE

Banks Creative Design System

A warm, strategic design system for turning B2B growth work into something clear, credible, and ready to ship.

TYPOGRAPHY

Type styles

A compact type system built around expressive editorial headlines, clean supporting copy, and restrained accent labels.

Display Heading
Crimson Pro / 700

Strategy that builds clarity.
Creative that drives growth.

H1
Crimson Pro / 700

Growth systems for the next stage.

H2
Crimson Pro / 700

What we help build

H3
Crimson Pro / 700

Positioning.

Large Body
Inter / 400

Helping B2B companies clarify their story, strengthen their brand, and build systems that drive growth.

Regular Body
Inter / 400

Banks partners with growth-stage B2B teams to turn strategy into clear messaging, sharper creative, and practical marketing systems.

Small Text
Inter / 400

Used for captions, metadata, card details, and supporting notes.

Eyebrow
Inter / 700 / Uppercase

GROWTH & CREATIVE

COLORS

Brand palette

A warm, dark, and tactile palette built around study green, cream typography, brass accents, and muted natural materials.

Study Green
#081713
Study Green Light
#132A22
Ink
#050807
Soft Black
#0B0D0A
Cream
#F5EFE4
Alabaster
#FFFCF8
Warm Gray
#D7D0C7
Muted Cream
#E8DDCF
Brass
#C49A5A
Brass Light
#D7AE6A
Brass Dark
#8B642B
Muted Green
#263A2F
PRIMARY BASE

Dark, premium, grounded.

Use deep green and ink backgrounds for hero sections, major brand moments, and high-contrast editorial layouts.

EDITORIAL SURFACE

Warm, readable, tactile.

Use cream and muted paper tones for case studies, proposals, documents, cards, and moments that need a more editorial feel.

accent system

Small marks. Clear emphasis.

Use brass for CTAs, eyebrow labels, period markers, divider lines, pins, and small moments of emphasis. Keep it restrained.

BUTTONS

Calls to action

A restrained button system built around brass accents, clear hierarchy, and small moments of motion.

Button Pairs
Start a Project
View Work

Buttons on light surfaces

Light buttons
Sample Button
Sample Button
Sample Button
LINKS & NAVIGATION

Navigation system

Simple, quiet navigation styles built to support the brand without competing with the page content.

Cards

Content blocks

Reusable card styles for services, work previews, proof points, and editorial content across the Banks site.

SERVICE

Positioning

Clarify what you do, who it is for, why it matters, and how the market should understand you.

Learn More
Editorial

Case studies

Turn client outcomes, customer stories, and campaign results into proof that supports sales and demand.

Learn More
Growth

Campaign systems

Build campaigns, landing pages, creative, and reporting loops that connect strategy to measurable traction.

Learn More
LEADS

200+

Qualified leads
Generated in one month through sharper campaign execution.
EFFICIENCY

60%

Lower CPL
Reduced acquisition cost while increasing spend.
Volume

2x

Lead volume
Nearly doubled monthly lead flow with cleaner growth systems.
Pipeline

$95k

Average ACV
Representative deal value across high-intent B2B pipeline.
Images

Image treatments

Reusable image styles for portraits, work previews, editorial cards, and dark blended hero compositions.

Portrait blend
Logan LeBouef Banks Growth & Creative Founder Portrait
Work preview
Dark work surface
Editorial document
BACKGROUND STYLES

Texture systems

Reusable background treatments using Banks texture assets, overlays, and restrained editorial surfaces.

HEro

Plain sample

Use for case studies, proposal sections, process blocks, and moments that should feel more like paper than UI.

DARK HERO

Textured, cinematic, grounded.

Use for hero sections and high-impact brand moments where copy needs contrast and atmosphere.

EDITORIAL SURFACE

Warm, tactile, readable.

Use for case studies, proposal sections, process blocks, and moments that should feel more like paper than UI.

WORK SURFACE

A refined backdrop for proof.

Use behind work previews, pinned boards, client artifacts, and selected project sections.

BRASS ACCENT

Small moments of emphasis.

Use for narrow bands, detail panels, pinned accents, or premium transition moments. Avoid using it as a full page background.

Accents

Brand details

Small visual details that give the Banks system its tactile, editorial, and strategic character.

Period line
Short period line
Muted period line
Brass pin
Orb
Sticky note
Clarify the story.
Divider rule
Forms

Contact styles

Simple form elements for project inquiries, contact pages, and lightweight conversion moments.

Start with a conversation.

Use this form style for prospective clients who need help with positioning, growth strategy, creative systems, campaigns, or website work.

Thanks! I’ll follow up soon.
Something went wrong. Please try again or email me directly.