The Syncd trademark
An emblem of three bars in a circle, beside the lowercase wordmark. This page is the reference for using it.
The lockup
The emblem stands 24 units tall beside a 31-unit wordmark box, 10 units apart. Scale all three together; never stretch one.
The parts
The emblem alone marks small places: favicons, app icons, the sidebar. The emblem’s outer bars are always 70% and 40% of the ink; the middle bar is full. The wordmark is one solid ink.
Colours
One palette across the app, this site and the emails. Use the trademark in navy or white; the rest is for the interfaces around it.
- #0b2442
Navy
The app’s sidebar and this site’s bands. The trademark’s ink on light surfaces.
- #2264a8
Action blue
Links and primary commands, in the app and in email.
- #007838
Success green
Positive states, and the trial button on this site.
- #111111
Ink
Headings. Body text sits a step lighter.
- #cccccc
Border
Hairlines and panel edges; structure instead of shadows.
- #f7f7f7
Surface muted
Quiet fills: inactive tabs, code, chips.
Files
SVG, generated from the same path data this site draws with. Navy for light surfaces, white for dark ones.
| Asset | Navy | White |
|---|---|---|
| Lockup | syncd-lockup-navy.svg | syncd-lockup-white.svg |
| Emblem | syncd-mark-navy.svg | syncd-mark-white.svg |
| Wordmark | syncd-wordmark-navy.svg | syncd-wordmark-white.svg |
Rules of thumb
- Keep clear space around the lockup of at least half the emblem’s height.
- Use one ink. Navy on light surfaces, white on navy or other dark surfaces.
- Don’t recolor the bars individually, add outlines or shadows, or rotate the emblem.
- Don’t set “Syncd” in another typeface as a substitute for the wordmark.
- In running text, write Syncd with a capital S.
- Corners follow one scale: 4px on chips, 8px on panels, 12px on buttons.