SequenceStack Brand Kit
Download our brand assets and learn how to properly represent SequenceStack in your communications, presentations, and marketing materials.
Brand Guidelines
Follow these guidelines to ensure consistent and professional representation of the SequenceStack brand.
Typography
Primary Font: Outfit
Use Outfit for all headings, body text, and UI elements to maintain consistency across all materials.
Design Style
Minimalist & Clean: Keep designs simple and uncluttered
Avoid unnecessary details, maintain professional tone, and ensure consistent alignment.
White Space
Ample Spacing: Use generous white space
Incorporate plenty of white space for a spacious, uncluttered design that enhances readability.
Our Brand Assets
Download high-quality SequenceStack logos in various formats for your projects. Use these assets to maintain brand consistency across all your materials.
Icon logo
Primary (SVG)
Vector format, scalable
Primary (PNG)
High resolution, transparent background
16px (PNG)
Avatars and small UI
32px (PNG)
Slack and small icons
64px (PNG)
64×64 px
128px (PNG)
128×128 px
256px (PNG)
256×256 px
512px (PNG)
512×512 px
Black (PNG)
For light backgrounds
White (PNG)
For dark backgrounds
Full logo
Primary (SVG)
Logo with text, vector format
Primary (PNG)
Logo with text, high resolution
Black (PNG)
Full logo in black
White (PNG)
Full logo in white
Complete Brand Kit
Download our complete brand kit containing all logo variations, color palettes, typography guidelines, and usage examples in a single package.
- All logo variations (SVG & PNG)
- Color palette swatches (Adobe, Sketch, Figma)
- Typography specifications
- Brand usage guidelines PDF
- Social media templates
Usage Guidelines
Logo Variations
- • Use the primary purple logo on light backgrounds
- • Use the black logo on light backgrounds when color is not available
- • Use the white logo on dark backgrounds
- • Choose between icon-only or full logo based on space
File Formats
- • SVG files are preferred for web and scalable applications
- • PNG files are ideal for presentations and print materials
- • All PNG files have transparent backgrounds
- • Maintain aspect ratio when resizing
Colors
Our carefully selected color palette ensures consistency and accessibility across all brand touchpoints.
Main Colors
Primary
Main brand color
#6e56cfSecondary
Accent color
#ffb224Error
Error states
#dc2626Success
Success states
#059669Background
Page background
#e6e5e5Text
Primary text
#000000White
Pure white
#ffffffSub Colors
Light Gray
#f8f9faDark Blue
#022033Light Blue
#d9f8ffOrange
#ffae4bRed
#d32f23Navy
#1e293bUsage Guidelines
- • Use Primary (#6e56cf) for main brand elements, CTAs, and key highlights
- • Use Secondary (#ffb224) sparingly for accents and secondary actions
- • Maintain sufficient contrast ratios for accessibility (minimum 4.5:1)
- • Use the background color (#e6e5e5) for page backgrounds and subtle sections
Typography
SequenceStack uses the Outfit font family for all text to maintain consistency and readability.
Font Family
Primary Font
Outfit
A modern, clean sans-serif font that provides excellent readability across all devices and sizes.
Fallback Fonts
system-ui, -apple-system, sans-serif
Type Scale
Heading 1
4xl / Bold
Heading 2
3xl / Semibold
Heading 3
2xl / Medium
Body Large
lg / Regular
Body Regular
base / Regular
Body Small
sm / Regular
Typography Guidelines
- • Use consistent font weights: Regular (400), Medium (500), Semibold (600), Bold (700)
- • Maintain proper line height (1.5-1.6) for optimal readability
- • Use appropriate font sizes for hierarchy and emphasis
- • Ensure sufficient color contrast for accessibility
- • Keep line lengths between 45-75 characters for optimal reading
Legal Disclaimer
By using the SequenceStack trademarks and resources on this site, you agree to follow the Brand-Kit Usage Guidelines (above) — as well as our Terms & Conditions and all other SequenceStack rules and policies. If you have any questions, contact us at support@sequencestack.com.