UXHM
Brand Guidelines
Logos, colours, typography, and practical usage rules.
Logos
Use the SVG where possible (best quality). Use PNG for situations where SVG isn’t supported.
Logo usage rules (quick)
- Don’t stretch or skew the logo.
- Keep clear space around the logo (at least the height of the “U” letter).
- Prefer the teal accent as-is; avoid changing logo colours.
Colours
Click any colour to copy the hex code. Brand tokens are defined in src/assets/styles/tailwind.css.
Contrast notes
- Primary teal (#00A79D) works well for buttons and links.
- Charcoal (#212529) is the preferred dark background.
- For accessibility, ensure text has sufficient contrast on teal backgrounds (white text is recommended).
Typography
The website uses:
- Poppins for headings
- Lato for body text
Heading font (Poppins)
Build trust. Get calls.
Simple, fast, high‑converting websites.
Body font (Lato)
UXHM helps UK service businesses turn searches into enquiries with clear messaging, strong trust signals, and conversion‑first design.
Keep copy short. Make the CTA obvious. Remove friction.