The Syllabi logo, colours and type.
Everything you need to write about Syllabi or show it next to your work, and the few rules that keep it looking right.
The logo
The navy tile and the S, followed by the name. Use the full logo the first time Syllabi appears.
The S, on its tile
For places where Syllabi is already named, such as avatars, favicons and app tiles. It does not replace the logo on first mention.
Need the app icon, with its soft glow? Download the app icon PNG (1024 × 1024). The mark is a lantern and the letter S. Read what it means in our story.
Give it room
Clear space
Keep at least half the logo's height clear on every side, away from other logos, text and the edge of the page.
Minimum size
On screen, the logo is never narrower than 96px and the symbol never smaller than 24px. In print, 24mm and 6mm.
Do
- Use the SVG files wherever you can.
- Leave clear space on every side.
- Pick the version with the most contrast against its background.
- Write Syllabi with a capital S, as one word.
Don't
- Recolour, stretch, rotate or tilt the logo.
- Add shadows, outlines, glows or gradients.
- Retype the name in another font, or space out the letters.
- Put the S on white without its navy tile.
- Place the logo on busy photos or low-contrast colours.
- Suggest Syllabi endorses or partners with you when it does not.
The palette
Navy carries the page. Teal, purple and amber come straight from the S, so use them as accents, not backgrounds. Tap a colour to copy its hex.
The main colour. Text, buttons, the tile behind the S.
Highlights and focus. A fill, with navy text on top. For teal text on white, use #00947F.
The body of the S. Labels on navy, charts, secondary accents.
The spark. Rewards, streaks, the one thing you want seen. Use sparingly.
Pages and cards, and text on navy.
Poppins, and MV Typewriter for Dhivehi
Poppins sets everything in English across the apps, the site and printed material. Dhivehi text uses MV Typewriter.
abcdefghijklmnopqrstuvwxyz
The name
Syllabi, with a capital S, as one word. Never all capitals, and never set in another font in place of the logo.
It is one company, so it takes a singular verb: “Syllabi is”, not “Syllabi are”. Name a product in full the first time: Syllabi Exam Prep, Syllabi Games.
Something not here?
Ask us for print files, a lockup with your logo, or permission for a use these rules do not cover. Press and partnership requests come the same way.