Brand Design Manual
Logo Usage
Our logo has strict color usage rules. Each logo color can ONLY be used on specific backgrounds. Never deviate from these rules.
⚠️ Critical Logo Usage Rules
• Pink Logo: Can ONLY be used on WHITE backgrounds
• Grey Logo: Can ONLY be used on BEIGE or PINK backgrounds
• White Logo: Can ONLY be used on DARK GREY backgrounds
Rule 1: Pink Logo
The PINK logo can ONLY be used on WHITE backgrounds
CORRECT
✓ Pink logo on White background
Background: #FFFFFF or #fdfdfdINCORRECT
✕ Pink logo on ANY other background
Do not use on beige, grey, or dark backgrounds
Rule 2: Grey Logo
The GREY logo can ONLY be used on BEIGE or PINK backgrounds
CORRECT
✓ Grey logo on Beige background
Background: #e5d8cd (Almond Cream)INCORRECT
✕ Grey logo on white or dark backgrounds
Only use on beige/pink backgrounds
Rule 3: White Logo
The WHITE logo can ONLY be used on DARK GREY backgrounds
CORRECT
✓ White logo on Dark Grey background
Background: #586268 (Dim Grey) or darkerINCORRECT
✕ White logo on light backgrounds
Only use on dark grey backgrounds
Company Logo (Full Wordmark)
The company logo with full wordmark follows the exact same color rules as the symbol logo. Choose the appropriate logo color based on the background color.
Same Rules Apply: Pink logo on white backgrounds, grey logo on beige/pink backgrounds, white logo on dark grey backgrounds.
Pink Wordmark
✓ Use on White backgrounds
Background: #FFFFFFGrey Wordmark
✓ Use on Beige/Pink backgrounds
Background: #e5d8cd or #ecc8c5White Wordmark
✓ Use on Dark Grey backgrounds
Background: #586268 or darker💡 Wordmark Usage Guidelines:
- • Use the full wordmark for headers, letterheads, and marketing materials
- • Maintain adequate clear space around the logo (minimum 1x the height of the "S" symbol)
- • Never stretch, skew, or alter the proportions of the logo
- • Do not recreate or modify the logo—always use official logo files
- • For web usage, ensure sufficient contrast with the background
App Icons & Social Media Avatars
The spiral symbol can also be used as app icons or social media avatars. The same color rules apply - choose the appropriate logo color based on the background.
Same Rules Apply: Pink logo on white, grey logo on beige, white logo on dark grey backgrounds.
CORRECT
✓ Pink/Grey logo on White
Use for light-themed apps/profiles
CORRECT
✓ Grey logo on Beige and Pink
Use for warm-toned backgrounds
CORRECT
✓ White logo on Dark Grey
Use for dark-themed apps/profiles
💡 Usage Tips:
- • For app stores, choose based on your app's primary theme (light or dark)
- • For social media, match the platform's background color
- • Maintain consistent logo color across all platforms when possible
- • Rounded corners should maintain the same radius as shown (approximately 22% of icon size)
Quick Reference Guide
Use ONLY on:
Use ONLY on:
Use ONLY on:
What NOT to Do
❌ Never violate these logo usage rules:
✕Color Violations
- •Pink logo on anything except white
- •Grey logo on anything except beige/pink
- •White logo on anything except dark grey
- •Using colors not in the approved palette
- •Changing logo colors or creating new variations
✕Design Violations
- •Stretching, distorting, or rotating the logo
- •Adding effects (shadows, glows, outlines)
- •Placing on busy or patterned backgrounds
- •Using logo smaller than minimum sizes
- •Recreating or modifying the logo design
⚠️ If you're unsure whether a logo usage is acceptable, it probably isn't. When in doubt, refer back to the three approved color combinations above.
Clear Space Requirements
Always maintain a minimum clear space around the logo equal to the height of the symbol icon. Nothing should appear within this protected area.
✓ DO: Keep clear space free of text, graphics, and other elements
✕ DON'T: Place elements too close to the logo
Minimum Size Requirements
Never use the logo smaller than these minimum sizes to ensure legibility and brand recognition.
Digital (Screen)
Full Logo Lockup:
500px wide
minimum width
Symbol Only:
100 × 100px
minimum size
Example at minimum size:
Print (Physical)
Full Logo Lockup:
3.5 inches
minimum width (89mm)
Symbol Only:
1.5 inches
minimum size (38mm)
Always use vector files (.SVG, .EPS, .AI)
⚠️ Important: Using logos below these minimum sizes will result in poor legibility and diminished brand impact. When in doubt, go larger.