Logo
The Creative Yadley emblem and live wordmark, with theme pairing, sizing and clear space.
Creative Yadley
Creative YadleyComposition
- Emblem + wordmark (+ optional tagline) laid out horizontally.
- The wordmark is real text in Plus Jakarta Sans:
700in application chrome (rail),600in documents (invoice, quote, billing note, PDF). - Letter-spacing
-0.02emin the rail,-0.005emin documents. - The tagline is
Big Ideas. Beautifully Built.— optional, never on its own without the wordmark, and never at a weight above600. - Emblem and text block are optically centred on the same horizontal axis. A logo that sits high or low against its wordmark is a defect, not a style.
Theme pairing
| Surface | File | Artwork |
|---|---|---|
| Dark (obsidian) | logo-on-dark.png | light-grey emblem, transparent ground |
| Light (warm architectural) | logo-on-light.png | dark emblem on white |
Both files ship in every product. The theme selects between them with [data-cy-theme="light"]; never ship a single hard-coded logo file, and never paint a logo onto a white plate to make it survive a dark background.
Minimum sizes
- Emblem in application chrome: 44px (rail expanded and collapsed).
- Emblem in documents: 48px.
- Emblem in email: 40px.
- Never render the emblem below 24px.
- Favicon and app icons use
Favicon.svg, never a crop of a lockup.
Clear space
Keep free space of at least the emblem's height ÷ 2 on all sides, and at least one word-space between the emblem and the wordmark.
Do not
- Stretch, skew, rotate, recolour, outline, drop-shadow or animate the emblem.
- Put the emblem on a white disc so it survives a dark background — use
logo-on-dark. - Typeset the company name in anything but Plus Jakarta Sans.
- Use the tagline without the name, or above
600weight. - Render the name as an image "to match the design".
- Replace the emblem with an icon (a
ph-*glyph is not the logo).