Brand Guidelines
A reference for our visual identity including colors, logomarks, wordmarks, and combinationmarks. Use these assets consistently to represent Ravision Tech across all touchpoints.
Primary Colors
The five colors that define the Ravision Tech brand. Light Blue is our primary accent.
Logo Icon
The standalone icon mark. Use on dark or light backgrounds where space is tight and a wordmark isn't needed.
Logomark
For any background with enough contrast
The Mark
An eye, rendered in geometric facets. Sharp focus, precise craft, and the kind of attention that makes the difference between a site people leave and one they remember. The full brand palette lives inside the mark itself, so it works standalone without a wordmark.
- Works on dark or light backgrounds as long as there is enough contrast.
- Minimum 24px rendered size
- Never recolor, separate, or modify individual parts.
Wordmark
The compact wordmark. Use for contexts where horizontal space is limited.
Wordmark (White)
For dark backgrounds
Wordmark (Dark)
For light backgrounds
Wordmark (Long)
The extended wordmark spelling out the full brand name. Preferred for headers and wide layouts.
Long Wordmark (White)
For dark backgrounds
Long Wordmark (Black)
For light backgrounds
Combinationmark
The full lockup including the logomark and wordmark together. Preferred for primary brand applications like headers, presentations, and marketing materials.
Combinationmark (White)
For dark backgrounds
Combinationmark (Black)
For light backgrounds
Combinationmark (Long)
The extended combinationmark. Preferred for headers and wide layouts.
Long Combinationmark (White)
For dark backgrounds
Long Combinationmark (Black)
For light backgrounds
Do
- Use the light/white version on dark or brand-colored backgrounds
- Use the dark/black version on white or light backgrounds
- Maintain clear space equal to the logomark height around all marks
- Scale proportionally and never stretch or squish
Don't
- Don't place black marks on dark backgrounds or light marks on white
- Don't rotate, skew, or add effects to brand marks
- Don't use low-resolution versions where SVGs are available
- Don't recreate or alter the logomark geometry
Formats
- SVG: preferred for all digital uses (web, UI, presentations)
- PNG: use when SVG is not supported (social, email)
- Always use the highest-quality asset available for the context
- Contact the team for print-ready formats