Stackship Branding & Assets
Find official Stackship brand assets, logos, colors, and usage guidelines. Everything you need to represent Stackship consistently across all channels.
Brand Assets
Official Stackship logos.
Horizontal Logo (Light)
Primary horizontal logo for light backgrounds
Horizontal Logo (Dark)
Horizontal logo for dark backgrounds
Horizontal Logo (White)
Horizontal white logo
Horizontal Logo (Black)
Horizontal black logo
Vertical Logo
Primary vertical logo for light backgrounds
Vertical Logo (Dark)
Vertical logo for dark backgrounds
Vertical Logo (White)
Vertical white logo
Vertical Logo (Black)
Vertical black logo
Symbol
Stackship symbol/mark for use as icon
Symbol (White)
Stackship white symbol/mark for use as icon
Symbol (Black)
Stackship black symbol/mark for use as icon
Color Palette
Our color palette reflects Stackship's focus on reliability and innovation. Use these colors consistently to maintain brand recognition.
Primary Blue
Main brand color
Usage
Primary buttons, links, key elements
Secondary Green
Accent color
Usage
Secondary buttons, highlights, success states
Background White
Primary background
Usage
Main background, cards, content areas
Dark Background
Secondary background
Usage
Hero sections, dark themes, contrasts
Foreground Dark
Primary text color
Usage
Body text, headings, primary content
Border Gray
Borders and dividers
Usage
Card borders, dividers, subtle lines
Color Guidelines
Primary Colors
Use Primary Blue (#0083B3) for main actions and key elements. Secondary Green (#00C28E) for accents and success states.
Accessibility
All color combinations should meet WCAG 2.1 AA contrast requirements. Always test readability when using custom color combinations.
Typography
Stackship uses Poppins as the primary font family across all brand communications, providing a modern and accessible typography experience.
Font Specifications
Implementation
Google Fonts CDN
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');CSS Font Stack
font-family: 'Poppins', sans-serif;Typography Hierarchy
Used for page titles and primary headings
font-size: 2.25rem (36px), font-weight: 700Used for section headings
font-size: 1.875rem (30px), font-weight: 600Used for subsection headings
font-size: 1.25rem (20px), font-weight: 500Used for regular content and paragraphs
font-size: 1rem (16px), font-weight: 400Used for captions and secondary information
font-size: 0.875rem (14px), font-weight: 400Brand Guidelines
These guidelines ensure consistent and effective use of the Stackship brand across all communications and applications.
Clear Space & Minimum Size
Clear Space
Maintain a clear space around the logo equal to the height of the "S" in Stackship. This ensures the logo maintains its visual impact and readability.
Minimum Size
The minimum width for the horizontal logo is 120px for digital use and 1 inch (25mm) for print to ensure legibility.
Digital: 120px minimum width
Print: 25mm (1 inch) minimum width
✓ Correct Usage
Use on light backgrounds
Use on dark backgrounds
- • Use appropriate logo variant for background
- • Maintain proper clear space
- • Keep original proportions
- • Use high-resolution files
✗ Incorrect Usage
Don't stretch or distort
Don't use wrong variant
- • Don't stretch or distort the logo
- • Don't use light logo on light backgrounds
- • Don't place logo too close to other elements
- • Don't use low-resolution files
Usage Terms
Official Use: These assets are provided for official representation of Stackship by employees, partners, and authorized third parties.
Attribution: No attribution is required when using these assets for official Stackship communications and materials.
Modifications: Please do not modify the logos or brand assets. Contact hello@stackship.se for custom requirements.
Questions: For any questions about usage rights or custom assets, please contact our brand team at hello@stackship.se