IVA brand
The logo is two leaves and the word IVA. All files live in docs/brand/ and are served at https://iva-agent.com/brand/…. Every SVG is paths only: no fonts, no <text>, no effects.
Colors
| Role | Hex | Where |
|---|---|---|
| Large left leaf | #A4DC55 | every color variant, favicon |
| Small right leaf | #368AD2 | every color variant, favicon |
| Letters on a light background | #1A2327 | logo-light |
| Letters on a dark background | #E3E8EC | logo-dark |
| Monochrome | #000000 / #FFFFFF | logo-mono-black, logo-mono-white |
The small leaf always sits on top of the large one.
Variants
| File | Use it on |
|---|---|
logo-light.svg (.png, @2x.png) | white or light backgrounds: README in light theme, documents, light OG card |
logo-dark.svg (.png, @2x.png) | black or dark backgrounds: the website, README in dark theme, dark OG card |
logo-mono-black.svg / logo-mono-white.svg | one-color printing, stamps, embossing, places where color is not available |
mark.svg (mark-180.png, mark-512.png) | the two leaves alone: favicon, app icon, avatar, very small sizes |
mark-mono-black.svg / mark-mono-white.svg | the leaves alone in one color |
og-light.png, og-dark.png, og-*-ru.png | link previews and the GitHub social preview, 1280×640 |
Site icons at the site root: favicon.svg, favicon.ico (16, 32, 48), favicon-32.png, favicon-192.png, favicon-512.png, apple-touch-icon.png (180, white tile).
The monochrome version draws the leaves with a gap between them; use its own files, do not recolor the color version.
Clear space and size
- Clear space around the full logo: at least half the height of the letters IVA on every side. Nothing else (text, edges, other marks) goes inside it.
- Smallest full logo: 96 px wide on screen, 25 mm in print. Below that use the leaves alone.
- Smallest leaves alone: 16 px.
Do not
- Recolor the leaves, swap their colors, add gradients, outlines or shadows.
- Stretch, squash, rotate or skew the logo; scale only proportionally.
- Retype the word IVA in another font or rebuild it from text: use the files.
- Move the leaves relative to the letters or change the spacing between the letters.
- Put
logo-lighton a dark background orlogo-darkon a light one. - Place the logo on a busy photo without a calm area under it.
Source
The letters come from Benzin Semibold (Supremat), converted to outlines. The font file itself is not part of this repository and is not needed to use the logo.
View original Markdown ↗