Updated June 21, 2023
- Tokens
- Colors
- Digital
- Pantone
- Logos
- Logo Usage
- Typography
- Textures & animations
- Backgrounds
- Nodes, arcs, and grids
- Semantic colors
- Text Lighting
Tokens
Colors
Digital
Colors.pdf1824.2KB
Pantone
Visor brand blue: Pantone 2382 C (https://www.pantone.com/color-finder/2382-C)
Visor brand green: Pantone 7479 C (https://www.pantone.com/color-finder/7479-C)
Logos
Logo Usage
Logo.pdf938.7KB
Typography
Lato Font.zip649.6KB
Typography Reference.pdf805.1KB
Textures & animations
Backgrounds
Backgrounds are primarily white / light. Simple circular shapes are used to add playfulness to page and container backgrounds.
Nodes, arcs, and grids
Visor has the world’s most deeply connected integrations. As such, we use visual artifacts like nodes, arcs, and grids to reflect our core value proposition. These shapes can also be used in animations to help reflect the motion of data / information.
Semantic colors
Colors are also used to focus targeted sets of information to customers / users.
Text Lighting
Text takes on several states to mimic a light up effect, helping to indicate focus.
The above design aesthetic (dark background, wavy textures, glow/shadow on the text) is legacy, but using colors in animation to provide focus on specific text is still a valid tool to use.