Brand Guidelines
Everything you need to represent Propr consistently. Use these guidelines when creating content, marketing materials, or integrations.
Logo
The Propr mark
ProprOn dark background (primary)
ProprOn light background (inverted)
Logo at various sizes
64px48px32px24px16px (min)Do
- •Maintain clear space equal to the logo height on all sides
- •Use the logo on solid dark or solid light backgrounds
- •Keep the logo and wordmark together as a unit
- •Minimum size: 16px height
Don't
- •Stretch, skew, or rotate the logo
- •Place on busy or low-contrast backgrounds
- •Add effects like drop shadows or outlines
- •Change the logo colors beyond white or black
Colors
Color palette
Primary
Background
Emerald 500
Emerald 400
White
Neutrals
Zinc 950
Zinc 900
Zinc 800
Zinc 700
Zinc 600
Zinc 500
Zinc 400
Usage
Typography
Type system
Open Runde
Primary brand font. Used as the default body typeface across all pages.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Inter
Used for headings and section titles. Clean, geometric sans-serif.
Brand Guidelines
Section Heading
Card Title
Geist Mono
Used for data, numbers, code, and technical labels.
$104,282.50
0x1a2b3c4d5e6f7890abcdef1234567890abcdef12
Spots remaining: 47 / 50
Type scale
Hero heading
Page title
Section heading
Card title
Subsection title
Lead paragraph
Body text
Secondary text and descriptions
Labels, captions, and fine print
UI Patterns
Components
Buttons
Primary: bg-[#34D399] text-black rounded-xl
Secondary: bg-zinc-800 text-white rounded-xl
Hover scale: hover:scale-[1.02] active:scale-[0.98]
Cards
Standard card
bg-zinc-900 border-zinc-800 rounded-2xl
Inset card
bg-zinc-950 border-zinc-800 rounded-xl
Highlighted card
border-2 border-[#34D399]
Badges
Border radius
Assets
