Primary Colors
Eerie Black
HEX: #201F1F
Rose
HEX: #F12B82
White
HEX: #ffffff
HEX Colors
Choose the color below to copy the hex color.
#121111
#1a1919
#201f1f
#252424
#e8e8e8
#f4f4f4
#ffffff
#F35097
#F23E8D
#f12b82
#dd2580
#c91f7d
Fonts
Follow the link to download or embed the font.
Jost - Medium
Headlines and Callouts
Weight: 500
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Jost - Regular
Paragraph and Information
Weight: 400
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Jost - Light
Italic and Special
Weight: 300
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Glossary
Color & Color Systems
Bleed
Extra space added around print designs to ensure edge‑to‑edge printing.
Color Palette
The approved set of brand colors used across all visual materials.
Color Profile
A set of data that defines how colors are interpreted across devices (e.g., sRGB, Display‑P3).
Color Swatch Files
Digital files (ASE, ACO, CLR) used to import brand colors into design software.
CMYK
The color model used for printing (Cyan, Magenta, Yellow, Black).
Contrast Ratio
The level of difference between text and background colors, affecting readability and accessibility.
HEX Color Code
A six‑digit code used to represent RGB colors in digital design.
Opacity / Alpha
The transparency level of a color or image.
Pantone (PMS)
A standardized color matching system used in printing to ensure color consistency.
RGB
The color model used for screens (Red, Green, Blue).
Spot Color
A single, premixed ink used in printing for precise color reproduction.
Image, File Formats & Production
Aspect Ratio
The proportional relationship between width and height.
DPI / PPI
DPI refers to print resolution; PPI refers to screen resolution.
File Compression
Reducing file size through lossy or lossless methods.
JPG / JPEG
A lossy raster format commonly used for photos.
Lossless
Compression that preserves all original data.
Lossy
Compression that removes some data to reduce file size.
Minimum Size
The smallest size a logo can be reproduced while remaining legible.
Mockup
A realistic representation of a design in context.
PNG
A lossless raster format supporting transparency.
Raster
Graphics made of pixels; enlarging them reduces quality.
Resolution
The amount of detail an image holds, measured in PPI or DPI.
Safe Area
The area where important content must remain to avoid being cut off.
SVG
A vector format ideal for web graphics and icons.
Texture Files
Graphic assets such as patterns or overlays used to support brand visuals.
Vector
Graphics made from mathematical paths that scale infinitely without losing quality.
WEBP
A modern raster format offering high quality at smaller file sizes.
Typography & Layout
Composition
How visual elements are arranged in a design.
Grid System
A structured layout framework used to align elements consistently.
Hierarchy
Organizing text to guide the viewer’s attention.
Kerning
Adjusting space between individual characters.
Leading
Vertical spacing between lines of text.
Margin / Padding
Margin is space outside an element; padding is space inside an element.
Tracking
Adjusting space between groups of characters.
Typeface
A family of fonts sharing common design features.
Visual Hierarchy
Arranging elements to show importance.
White Space
Empty space in a design that improves readability and balance.
Brand Strategy & Foundations
Brand Architecture
The structured relationship between a parent brand and its sub‑brands.
Brand Audit
A detailed evaluation of a brand’s current performance and perception.
Brand Awareness
The level of familiarity the target audience has with the brand.
Brand Boundaries
Rules defining what is and is not allowed when using brand assets.
Brand Differentiators
The unique qualities that set a brand apart from competitors.
Brand Equity
The commercial value derived from consumer perception and trust.
Brand Experience
The total sum of interactions and emotions a customer has with a brand.
Brand Extension
Using an established brand name to launch new products.
Brand Guidelines / Manual
Rules defining how the brand should be presented.
Brand Identity
The visible and tangible elements that identify a brand.
Brand Leadership
The individuals or teams responsible for guiding and protecting the brand.
Brand Loyalty
The tendency of consumers to repeatedly choose a brand.
Brand Personality
Human characteristics attributed to a brand.
Brand Positioning
The unique space a brand occupies in the customer’s mind.
Brand Purpose
The fundamental reason a brand exists beyond making money.
Brand Recognition
The ability to identify a brand by its visual or sensory cues.
Brand Signature
The combined presentation of a logo with supporting elements.
Brand Strategy
The long‑term plan for shaping how a brand is perceived.
Brand System
The complete collection of brand assets, rules, and tools.
Brand Values
The core principles that guide a brand’s behavior.
Co‑Branding
A partnership between two brands to create a shared product or campaign.
Mission Statement
A concise declaration of what the brand does and why it exists.
Tagline
A short, memorable phrase that communicates the brand’s essence.
Value Proposition
A clear statement of the benefits and value a brand provides.
Vision Statement
A forward‑looking statement describing what the brand aspires to become.
Brand Voice, Copy & Communication
Copy
Written content used in branding and marketing.
Copy Guidelines
Rules for writing in a brand’s voice.
Copywriting
The craft of writing persuasive or informative text.
Hook Copy
A short, compelling line designed to capture attention.
In‑Text Usage
Guidelines for how a brand name should appear in sentences.
Tone & Voice / Verbal Identity
The consistent tone, language, and persona used in communication.
Logo Usage & Brand Assets
Brand Assets
Logos, fonts, colors, icons, and other brand elements.
Brandmark
The symbol or icon portion of a logo.
Clear Space
Required empty space around a logo.
Logo Lockup
A structured arrangement of logo elements.
Logo Misuse
Examples of incorrect or prohibited logo usage.
Minimum Size
The smallest size a logo can be reproduced.
Monochrome Logo
A single‑color version of a logo.
Wordmark
A logo made from stylized text.
Digital & Web
Accessibility (A11y)
Design practices ensuring content is usable by people with disabilities.
Favicon
A small icon used in browser tabs.
Pixel Density
The number of pixels per inch on a screen.
Responsive
Design that adapts to different screen sizes.
Template
A reusable layout or design structure.
File Guide
Vector Files (Print, Large Format, Source Files)
Vector files are used anytime your logo needs to be printed, scaled, or reproduced at high quality. They are resolution‑independent, meaning they can be enlarged infinitely without losing clarity. These are your master production files.
.AI — Adobe Illustrator
- Native Illustrator source file
- Best for designers, not general use
- Unlimited resolution
- Not for web use
- Often redundant if EPS + PDF are provided
.PDF — Vector PDF
- Viewable on any device without special software
- Can contain editable vector artwork
- Ideal for sharing with vendors
- Not intended for direct web use
.EPS — Encapsulated PostScript
- Universal vector format supported by most professional design tools
- Ideal for print shops, embroidery, signage, and packaging
- Unlimited resolution
- Not for web use
- Often considered the “master” production file
.SVG — Scalable Vector Graphic
- Vector format for websites and apps
- Crisp at any size on any screen
- Small file size
- Supports transparency
- Ideal for responsive logos, icons, and UI
- Not recommended for print unless approved by a designer
Raster Files (Web, Screens, Digital Use)
Raster files are pixel‑based and used for screens, websites, and digital applications. They cannot be enlarged beyond their original size without losing quality.
.JPG — JPEG
- Best for photos or complex images
- Always includes a background
- Small file size, loads quickly
- Not ideal for logos requiring transparency
- Cannot be enlarged beyond 100%
.PNG — Portable Network Graphic
- Supports transparency
- Great for logos, icons, and UI elements
- High color accuracy
- Larger file size than JPG
- Cannot be enlarged beyond 100%
.WEBP — Modern Web Raster
- Smaller file sizes than PNG/JPG
- Supports transparency
- Ideal for high‑performance websites
- Not supported in some older software
Brand‑Specific Supporting Files
These files support your brand identity beyond the logo itself. They help designers, developers, and vendors work consistently across platforms.
Color Palettes
- .ASE — Adobe Swatch Exchange
- .ACO — Photoshop Color Swatch
- .CLR — Apple Color Palette
Font Files
- .TTF — TrueType Font
- .OTF — OpenType Font
- .WOFF / .WOFF2 — Web Font Formats (required for websites)
Textures, Patterns & Brand Assets
- .JPG / .PNG — Raster textures and backgrounds
- .SVG — Vector icons, patterns, and UI elements
Brand Guidelines
- .PDF — Primary brand guide
- .HTML / .MD — Digital brand system files