Brand Identity
Download our logos in various formats. Please maintain proper spacing and do not modify the logo design.
Primary Logo – Light Backgrounds
Primary Logo – Dark Backgrounds
Symbol / Icon Logo Set
Brand Palette
Our color palette reflects the vibrant and energetic nature of our community. Use these colors consistently to maintain brand recognition.
Primary
#7857ff
Core brand color for key messaging.
Brand Green
#3BB273
Represents growth, positivity, and success.
Brand Red
#ff4b52
Signals urgency and important notices.
Brand Yellow
#ffcd16
Used for highlights and announcements.
Brand Orange
#ff9500
Energetic accent for special moments.
Brand Blue
#3ca4ec
Represents trust and clear communication.
Font System
Our typography system uses Roboto Flex for a modern, clean, and readable aesthetic across all platforms.
Roboto Flex
Roboto Flex reflects the brand's modern and approachable tone, helping communications feel clear, friendly, and easy to read across all materials.
Brand Communication
Headlines
Use strong, confident headlines to capture attention and lead the message.
Body Copy
Keep messaging clear, friendly, and easy to scan for readers.
Consistency
Consistent typography helps strengthen brand recognition across all communications.
Marketing Materials
Download badges, QR codes, app screenshots, and other marketing assets for use in your materials.
App Store Badges
Official App Store download badges in multiple layouts.
Download QR Codes
QR codes for downloading the app in multiple styles and formats.
App Screenshots – Find Events
Screens that highlight discovering and browsing events.
App Screenshots – Event Attending
Screens that showcase attending events and passes.
App Screenshots – Profiles
Screens that highlight user and host profiles.
Phone Mockups – Product Story
High-resolution phone mockups showing key product moments.
Social Media Promotional Images
Ready-to-use assets for social media and press posts.
Event Badges
Access and attend badge variants for light and dark backgrounds.
Event Artwork Guidelines
Recommendations for creating artwork that looks great across cards, headers, and galleries. Use these as a quick reference when designing SVGs, banners, and promotional images.
Header / Hero Artwork
Hero images should use wide, cinematic compositions that work well in a 16:9 ratio. Keep the main subject toward the upper portion of the frame so it remains visible when overlays or titles appear.
- Recommended size: 960 × 540px (16:9) or larger with the same ratio
- Keep the primary subject within the top 60% of the frame
- Leave the bottom 20% relatively clear for titles or overlays
- Use simple compositions with a strong focal point
Gallery & Promotional Images
Gallery images often appear as small thumbnails before being opened full screen. Design imagery so it remains clear, balanced, and visually strong at both small and large sizes.
- Recommended upload: 1080 × 1350px (4:5) for portrait imagery
- Keep key content within the center 60% of the image
- Avoid dense text or fine details that will not read in thumbnails
- Maintain a consistent visual style across image sets
File Formats & Quality
Use modern image formats and sensible compression to ensure assets remain sharp while loading quickly across devices and network conditions.
- Use SVG for logos and icons whenever possible
- Use PNG, JPEG, or WebP for photographic images
- Aim to keep most web images under ~500KB
- Use the sRGB colour space for consistent display
Design Best Practices
Artwork should feel consistent with the brand while remaining clear, accessible, and easy to read across a variety of screen sizes and layouts.
- Use the Sociable brand palette consistently
- Ensure sufficient contrast when overlays or white text are used
- Avoid placing important content near image edges
- Design mobile-first and preview at small sizes
Brand Guidelines
Please follow these guidelines when using Sociable brand assets to ensure consistent and professional representation.
Logo Usage
Always maintain the logo's aspect ratio and proportions. Do not stretch, distort, or modify the logo in any way. Ensure clear space around the logo equal to at least 20% of its height.
Color Usage
Our primary brand color is #7857ff and should be used consistently across materials. The logo should appear in black on light backgrounds and white on dark backgrounds.
Minimum Size
To maintain clarity and legibility, the logo should never appear smaller than 24px in height for digital use or 0.5 inches for printed materials.
Do Not
Do not rotate the logo, apply effects, change its colors, or place it on busy backgrounds. Avoid using the logo as part of a sentence or phrase.
Need More Resources?
For additional assets, interview requests, or media inquiries, please get in touch with our team. We're here to help.
