Brand Assets
Official UniFace logos and icons. Use them freely when you write about UniFace, link to it, or show that your project uses it.
Logo
Use the light version on white or light backgrounds and the dark version on black or dark backgrounds.
Icon
Use the icon alone where space is small: avatars, app icons, favicons.
| File | Size | Best for |
|---|---|---|
| uniface-icon.svg | Any size | Websites, documents |
| uniface-icon-1024.png | 1024 × 1024 | Large displays, print |
| uniface-icon-512.png | 512 × 512 | Avatars (GitHub, PyPI, Hugging Face) |
| uniface-icon-180.png | 180 × 180 | Phone home-screen icon |
| favicon.ico | 16, 32, 48, 64 px | Browser tabs |
Which file should I use?
| You need the logo for… | Use |
|---|---|
| A website or README | SVG (always sharp, smallest file) |
| A blog post or docs page that only accepts images | PNG 1200 px |
| Slides, posters, or print | PNG 2400 px |
Colors
| Color | Hex | Used for |
|---|---|---|
| UniFace orange | #EE5A2F |
Icon tile, upper half |
| Deep orange | #C9431F |
Icon tile, lower half |
| White | #FFFFFF |
Icon plate, upper half |
| Peach | #FFD9CC |
Icon plate, lower half |
| Ink | #0B0F17 |
Name on light backgrounds |
| Off-white | #F0F3F6 |
Name on dark backgrounds |
Usage guidelines
- Keep space around the logo. Leave at least half the icon's height empty on every side.
- Keep it readable. Don't show the full logo narrower than 120 px; use the icon alone instead.
- Don't change it. Don't stretch, rotate, recolor, add effects, or rearrange the icon and the name.
Add the logo to your README
Show that your project uses UniFace. This snippet switches between the light and dark versions automatically on GitHub:
<a href="https://github.com/yakhyo/uniface">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://yakhyo.github.io/uniface/assets/brand/logo/uniface-logo-dark.svg">
<img src="https://yakhyo.github.io/uniface/assets/brand/logo/uniface-logo-light.svg" alt="UniFace" width="200">
</picture>
</a>