Logo Usage
Use the primary logo for most applications. The reversed version is for dark backgrounds. Maintain clear space equal to the height of the cup icon.
✓ Do
- Use official SVG or high-res PNG files
- Maintain minimum clear space around the mark
- Scale proportionally without distortion
- Use on clean, contrasting backgrounds
✕ Don't
- Stretch, rotate, or alter proportions
- Add effects, shadows, or outlines
- Change colors outside approved palette
- Place on busy or low-contrast backgrounds
Brand Colors
Our palette reflects warmth, quality, and sustainability. Click any swatch to copy the HEX code.
Typography
We use a clean, highly legible system font stack for maximum performance and cross-platform consistency.
Headings
Body & UI
Captions & Metadata
Imagery & Iconography
Maintain a cohesive visual language through consistent photography, illustration, and icon styles.
Photography
Use warm, natural lighting. Focus on product texture, clean backgrounds, and real-world usage contexts. Avoid heavy filters or oversaturated tones.
Illustrations
Flat, minimalist vector style. Use brand colors sparingly as accents. Maintain consistent stroke weights (2px–3px) and rounded corners.
Iconography
Line-based, geometric icons. Always use the same corner radius and line thickness. Prefer outline style over filled for UI elements.
Download Center
Get ready-to-use files for web, print, and social media. All assets are optimized and formatted for production.
Logo Pack (SVG & PNG)
Primary, reversed, and horizontal variants. Includes transparent backgrounds and scalable vectors.
Brand Guidelines (PDF)
Complete usage rules, color codes, typography specs, and application examples.
Social Media Kit
Banner templates, avatar crops, and post frames optimized for LinkedIn, Instagram, and X.
Print-Ready Assets
CMYK color profiles, high-res PNGs, and die-line templates for packaging and signage.