🖌️

Brand Guidance

Effective: Oct 25, 2024

Brand Guidance

Ethical Business Guidances

Advertising Optivide, or our products and services, must be truthful and comply with all applicable regulations. Furthermore,

Do not use our name, logos, or symbol with any defamatory, obscene, or objectionable content.
Do not use our name, logos, or symbol to criticize Optivide or our products.
Do not use our name, logos, or symbol in any marketing, packaging, or websites without Optivide’s written permission.
Do not use our name, logos, or symbol with third-party logos on any products to sell or promote non-Optivide business activities.

Logo Meaning

We believe that climate change is an option, an option that would create our future. So we use letter O element in our logo design. In addition, climate action is a discover journey not something we have a detailed SOP. Therefore, we add the Saturn ring elements to make it full of adventure and advance to the future.

Typography Design

Walbaum is our primary marketing typeface. The default paragraph font size is 20px on larger screens and 12px on smaller screens.

Other typeface include:

Large Element: Angsana New
Main Content: Walbaum Display
Fine Design: Montserrat
Klaviyo: Helvetica

Color Design

Logo Guidance

Do not add any graphic styles to the logo
Do not flip, rotate, stretch, break the logo
Do not connect the logo with another word.
Do not place the logo on a busy background.
Do not crop the logo so that the full logo is not visible.
Do not fill in or cover the logo with another words or image
Do not use unauthorized colors and typeface for the logo.
Do not reproduce our logos that become illegible or blurry.
Do not use our logos or symbols without written permission from Optivide.

Wordmark

These guidelines should be used in addition to all requirements for using the Optivide logo.

When co-branding with Optivide, partner brand will follow these guidelines, regardless of brand dominance.
When using the logo in conjunction with another logo, please use a thin separator line that is 130% larger than the height of the Optivide logo.
When connecting two or more logos, the negative space around marks should extend at least the width of the logo. The spacing around the logo is equal to the height of the logo.
Use consistent treatments across social media platform with digital banners.

Do

✅ Use default logo against white background when possible

✅ Make both logos the same visual size

✅ Separate the logos by the distance of four underscores

✅ Vertically middle-align logos for the best balance

✅ Use logos in a horizontal position when possible

Don’t

❌ Don’t lock logos without explicit permission from Optivide.

❌ Don’t combine full-color and black & white logo versions

❌ Don’t add vertical or diagonal separators

❌ Don’t add ampersands or underscores to logos

UI/UX Design

12-column, mobile-first responsive grid design based on different screen sizes not devices

Design mobile first, considering the smallest screens of your desired audience with a single-column layout. We support devices as small as 320px to ensure a global reach.
On larger screens, columns can take a two-thirds / one-third layout to ensure that lines of text do not become too wide to comfortably read on large devices.