Brand & Logo Guidelines
Please follow these guidelines when using the LearnSys EduFlow brand assets. Consistent usage helps maintain brand recognition and trust.
Full Logo (Primary)
The primary logo combines the icon mark with the “LearnSys EduFlow” wordmark. Use this version whenever space permits. It should appear at a minimum width of 120 px to ensure legibility.
Icon Mark
The standalone icon mark is used where the full logo cannot fit — app icons, social-media avatars, notification badges, and other compact placements. Minimum recommended size is 32 × 32 px.
Text-Only Logo
When the icon mark is already visible nearby (e.g. inside the app sidebar or next to a favicon), the text-only wordmark may be used instead to avoid redundancy.
Favicon
The favicon is the smallest brand representation — shown in browser tabs, bookmarks, and OS task bars. Available in multi-resolution ICO format.
Brand Colours
The core palette consists of a primary blue, a darker blue for depth, and a red accent. Pair with the neutral tones below for text and backgrounds.
Primary
Brand Blue
#2563eb
Brand Dark
#1d4ed8
Accent Red
#ef4444
Extended Palette
Blue 50
#f0f7ff
Blue 100
#e0effe
Blue 500
#3b82f6
Blue 900
#1e3a5f
Text & Neutral
Heading
#0f172a
Subtext
#475569
Body
#6b7280
White
#ffffff
Usage Rules
Do
- Use the logo on a clean, uncluttered background
- Maintain clear space equal to the icon height on all sides
- Use the white variant on dark or photo backgrounds
- Link the logo back to the EduFlow homepage
- Use SVG for web; PNG for documents and social media
Don't
- Stretch, rotate, or skew the logo
- Change the brand colours or swap icon colours
- Add drop shadows, outlines, or effects
- Place the logo on busy or low-contrast backgrounds
- Re-create the logo with a different typeface
Quick-Reference Table
Choose the right variant for each placement.
| Placement | Recommended Variant | Min Size |
|---|---|---|
| Website header / footer | Full logo | 120 px wide |
| Mobile app icon | Icon mark | 48 × 48 px |
| Social media avatar | Icon mark | 64 × 64 px |
| Browser tab / bookmark | Favicon (ICO / SVG) | 16 × 16 px |
| Print / PDF documents | Full logo (PNG) | 1034 px wide |
| Email signature | Text-only or full logo | 200 px wide |
| Dark-mode UI / dark slide | White variant (*w.png) | 120 px wide |
For questions about brand usage, please contact [email protected].