HozifaTech brand guide
Everything needed to use the logo, colours and type the same way everywhere — on the website, in apps, decks and print. Send this page to any designer or developer working with you.
Logo versions
Every version is a PNG with a transparent background. Pick the one that matches the background it will sit on.
White, one colour
On Forest green, on photos, and anywhere the colours would get lost.
Icon only
When the name is already nearby, or space is tight: profile pictures, watermarks.
App icon
For Android and iPhone apps. Upload the square one; the stores round the corners themselves.
Space and size
- Clear spaceKeep at least x clear on every side — x is the height of the "o" in the wordmark.
- Smallest logo120 px wide on screen, 30 mm in print. Smaller than that, use the icon alone.
- Smallest icon24 px on screen, 8 mm in print.
What to avoid
Don't stretch or squash it
Don't change its colours
Don't put the colour logo on green
Don't add shadows or effects
Don't rotate it
Don't retype the name instead
Colour
Taken straight from the logo. Forest carries text and buttons; the brighter greens and lime are for accents only.
Logo gradient
#AEE545#6BC722#31A02C#04402F
Rough proportions
Typography
The IBM Plex family is free on Google Fonts and covers Arabic and English with the same character. The logo's lettering is part of the artwork — never retype it.
Icons
The same mark everywhere: the browser tab, the phone home screen, and your future apps.
At the smallest sizes (16–32 px) the little squares are dropped so the H stays readable.
For developers
Copy these variables into any web project or app theme.
:root {
--forest: #04402F; /* primary */
--text-green: #1F7A2E;
--leaf: #31A02C;
--fresh: #6BC722;
--lime: #AEE545;
--mist: #F4F8F2; /* background */
--ink: #13201A; /* body text */
--slate: #5E6B63; /* secondary text */
--font: "IBM Plex Sans Arabic", system-ui, sans-serif;
--mono: "IBM Plex Mono", ui-monospace, monospace;
}