Schomp

Brand Standards

Schomp Brand Standards

A SeatGeek-style brand portal for logos, color, typography, layout, components, photography, and usage standards. Built for clarity, consistency, and speed.

Download Assets Start Here

Overview

Schomp is a fourth-generation automotive dealership group built on a legacy of trust, innovation, and customer-first experience.

Founded in the early 1900s, Schomp continues to redefine the car-buying process through simplicity and transparency.

In an industry often defined by noise and complexity, we stand apart through clarity, restraint, and an elevated customer experience both in-store and online.

Logo

The Schomp logo is the foundation of our identity. It must never be altered, redrawn, or re-typeset. Use approved files only.

Primary Usage

Schomp Blue

Neutral Usage

Schomp Black

Reverse Usage

White

Clear Space

Minimum clear space on all sides must equal the height of the top portion of the “P” in SCHOMP. No typography, imagery, borders, or graphic elements may enter this protected space.

Approved

Use only approved logo files.
Use only Schomp Blue, Schomp Black, or White.
Maintain clear space using the “P” measurement.
Ensure strong contrast on backgrounds and photos.

Not Approved

Do not stretch, skew, rotate, or re-type the logo.
Do not add shadows, outlines, gradients, or effects.
Do not place on busy backgrounds without a container/overlay.
Do not use unapproved colors.

Color

The Schomp color system prioritizes clarity, authority, and accessibility. Primary colors carry brand authority. Accent color supports interaction only.

Schomp Blue

#14477C

Schomp Black

#212121

Electric Blue

#2EC0FF

Electric Hover

#1BA8E6

Electric Active

#138DC2

Dark Gray

#494949

Light Gray

#C1C1C1

Background Gray

#EFEFEF

Pure White

#FFFFFF

CSS Variables (Recommended)

Drop these into :root for consistent usage across web and templates.

--schomp-blue: #14477C;
--schomp-black: #212121;
--schomp-electric: #2EC0FF;
--schomp-electric-hover: #1BA8E6;
--schomp-electric-active: #138DC2;
--schomp-bg: #EFEFEF;
--schomp-white: #FFFFFF;

Tip: Use these in :root or your Tailwind config.

Tailwind-style Tokens

If you want to mirror naming in code (useful for design/dev alignment).

--color-primary-blue: #14477C;
--color-primary-black: #212121;
--color-accent: #2EC0FF;
--color-accent-hover: #1BA8E6;
--color-accent-active: #138DC2;
--color-bg: #EFEFEF;
--color-white: #FFFFFF;

Tip: Use these in :root or your Tailwind config.

All digital applications must meet WCAG AA standards: 4.5:1 contrast for body text and 3:1 for large text.

Typography

Montserrat is the primary typeface across digital and print. The system prioritizes clarity, hierarchy, and modern restraint.

Heading Scale (H1–H6)

H1 • 48/56 • 600

H1 — Primary Headline

H2 • 36/44 • 600

H2 — Section Headline

H3 • 28/36 • 600

H3 — Subsection Headline

H4 • 22/30 • 600

H4 — Component Headline

H5 • 18/26 • 600

H5 — Label / Small Headline

H6 • 16/24 • 600

H6 — Micro Headline

Editorial & Utility Text

Body copy uses Montserrat Regular (400) for readability. Keep line length comfortable and spacing consistent for long-form pages like blogs and service content.

Small text is reserved for captions, metadata, and supporting content.

Disclaimer text should remain legible and meet accessibility standards. Avoid compressing tracking or reducing size beyond what is required for compliance.

Button System

Primary

Secondary

Ghost

Destructive

Disabled

Buttons use Title Case and strong weight (600). Primary actions use Schomp Blue. Secondary actions maintain restraint and hierarchy.

Layout & Spacing

Grid: 12-column desktop, 8-column tablet, 4-column mobile.
Spacing: 8-point system (8 / 16 / 24 / 32 / 48 / 64 / 80 / 96).
Long-form content width: 720–760px.
One primary message. One supporting message. One clear action.

Components

Components must reflect clarity and restraint. Buttons, cards, forms, and CTAs should be consistent and structured across all touchpoints.

Photography

Photography should feel clean, modern, natural, and structured. Avoid heavy filters, clutter, and promotional overlays.

Text on images: Avoid placing text over high-detail areas, including vehicles and complex backgrounds. Maintain strong contrast and use overlays when needed.

Applications

Applications demonstrate the system in real use: website, landing pages, email, social, and print/signage. Examples should be visual-first with minimal captions.