Branding Services
Match the testing experience with your user experience.
Overview
The Visibly service can be branded to better match your brand guidelines and user experience.
Since the test is considered a medical device, only specific portions of the interface not related to the user testing experience can be customized.
This section of the guides goes over what portions of the experience can be branded, and what resources we'll need from you to make it happen.
If you'd like to customize your branded experience, please reach out to your customer success associate.
Customizable Options
Below are the following options available for customization along with what information we'll need from you to build it.
Logo
| What We'll Need | What it Impacts |
|---|---|
| An image of your logo in .png format which: - Has a transparent background - Fits into a 350x50 pixel container - Is easy to read on desktop and on mobile devices - Uses flat coloring | - Test header logo - Email header logo - Support header logo |
Good
Bad
Header
| What We'll Need | What it Impacts |
|---|---|
| Hex code for the header background color. This color will be behind your header logo, so we recommend that it highly contrasts your image. | Header background color |
| Hex code for the text on the header. We recommend white for the text color if using a dark header background and your primary accent color for a light background. | Header text color |
Good
Bad
Footer
| What We'll Need | What it Impacts |
|---|---|
| Hex code for the footer background color | Footer background color |
| Hex code for the text on the footer. We recommend white for the text color if using a dark header background and your primary accent color for a light background. | Footer text color |
Good
Bad
Font
| What We'll Need | What it Impacts |
|---|---|
| An open-source Open Web Font or Google Font. Must be a Sans-Serif font for readability | Font family on non-test related experiences: including headers, footers, and some onboarding descriptions. |
| Hex code for main text color. Must be a dark, high-contrast color to ensure visibility. | Content text color on onboarding questions and Lite Site content. |
| Hex code for link text color. Must be a easily-differentiated color for readability. | Link color |
Good
Bad
Primary and Secondary Colors
| What We'll Need | What it Impacts |
|---|---|
| Hex codes for your primary and secondary color. Since these colors will be used in descriptive text, we highly recommend picking high-contrast, easy-to-read colors. | Onboarding Buttons and Emphasized text |
Good
Bad
Lite Landing Page
All Lite integrations come with a pre-built landing page in which your users can create an account and take the Visibly Vision Test. Since the Lite Landing Page is used to market people into your testing experience, it has additional aspects of customization available for your branding.
Other than the previously-described customization options, the following text and imagery is available for branding on the Lite Landing Page (highlighted in yellow):
Heading Content
The title and subheading in the Heading Content block can be replaced with your own content. We'd recommend that the title text be less than a sentence (3-6 words) and the subheading be at max a paragraph long.
How it Works Content
The images and text within the How it Works section can be updated with your own content. For this section, each step be less than a sentence (3-6 words) and images must:
- Be 800x480 pixels in size
- Be readable when on mobile format (eg 200x120 pixel size)
- Have a transparent background
- If in color, be consistent with each other and the branding added to the page
Footer Content
The support email and phone as well as the terms and privacy policies can be updated to match your service. If footer content is updated to your own, you must go through support training with our customer support team to ensure successful managing of patient data and services.
Updated about 4 years ago