Brand Asset Guidelines

These Brand Asset Guidelines define the correct and incorrect use of Vexor’s logos, colors, typography, icons, app icons, and related brand elements. They exist to protect the integrity of the Vexor brand and ensure consistent presentation across products, platforms, press, and partners.

1. Purpose & Scope

This document applies to anyone using Vexor brand assets, including employees, agencies, partners, media, creators, and third-party developers. By using any Vexor brand asset, you agree to follow these guidelines and any additional instructions provided by the Vexor Brand and Legal teams.

These guidelines cover, but are not limited to:

  • Official logo files and permitted variations
  • Clear space and minimum size requirements
  • Color palette and usage guidance
  • Typography, hierarchy, and tone
  • App icons, favicons, and store visuals
  • Co-branding and partnership presentation
  • Download links, file naming, and legal notices
  • Approval workflows and contact points

2. Primary Logo

The primary Vexor logo consists of the core wordmark combined with the official brand mark. It is the default representation of the Vexor brand and should be used whenever possible in its full-color version on light or neutral backgrounds.

Approved file formats: SVG (preferred for digital and UI), PNG with transparent background (for general digital use), and EPS (for print and large-format applications).

2.1 Clear Space

To maintain visual clarity and impact, always preserve adequate clear space around the logo. As a rule, maintain a minimum clear space equal to the height of the letter “V” in the logo on all sides. No text, imagery, or other UI elements should enter this exclusion zone.

2.2 Minimum Size

For legibility and recognizability, the logo must never be rendered below:

  • Digital: 24px in height
  • Print: 10mm in height

For very small applications (such as favicons or compact UI components), use the dedicated brand mark or app icon rather than the full wordmark.

3. Logo Variations

Only the approved logo variations listed below may be used. Do not create new, unapproved variations.

  • Full-color logo: Default use on white or light neutral backgrounds.
  • Reversed (white) logo: For dark backgrounds, overlays, or photography where the full-color version would not provide sufficient contrast.
  • Monochrome (single-color) logo: For limited-color printing, embossing, laser engraving, or one-color applications.
  • App icon / mark-only: The standalone brand mark or app icon used for app launchers, favicons, and constrained digital spaces.

When in doubt about which version to use, follow digital-first best practices: full-color on light UI, reversed/white on dark UI, and monochrome only where production constraints require it.

4. Incorrect Logo Uses (Do NOT)

To protect the integrity and recognizability of the Vexor brand, never:

  • Stretch, compress, skew, rotate, or otherwise distort the logo’s proportions.
  • Change the logo colors outside the approved brand palette.
  • Add drop shadows, outlines, bevels, glows, or other visual effects.
  • Place the logo on busy, patterned, or low-contrast backgrounds without sufficient contrast or a solid color container behind it.
  • Separate or rearrange logo elements (e.g., moving the mark away from the wordmark).
  • Use outdated or unapproved legacy logos or earlier brand explorations.
  • Use low-resolution or pixelated logo files for print or large-scale digital surfaces.

5. Color Palette

The Vexor color palette is designed for digital-first environments with emphasis on contrast, accessibility, and visual consistency across mobile, web, and marketing assets.

5.1 Primary Colors

  • Midnight Purple (Primary)
    HEX: #2B1B4A  |  RGB: 43, 27, 74  |  CMYK: 42, 64, 0, 71
  • Electric Magenta (Accent)
    HEX: #A02DE6  |  RGB: 160, 45, 230  |  CMYK: 31, 80, 0, 10

5.2 Secondary / UI Colors

  • Deep Slate – HEX: #1F2937
  • Soft Lavender – HEX: #EDE6F9
  • Highlight / CTA – HEX: #FFB86B

5.3 Neutral Palette

  • White – HEX: #FFFFFF
  • Light Gray – HEX: #F5F7FA
  • Mid Gray – HEX: #9AA4B2
  • Dark Gray – HEX: #222831

Accessibility Note: All text and interactive elements must meet WCAG 2.1 AA contrast requirements at minimum (4.5:1 for body text and 3:1 for large text). Critical UI elements (e.g., warnings, primary CTAs) should target higher contrast ratios whenever possible.

6. Typography

Consistent typography helps maintain a recognizable and structured visual hierarchy across products, websites, and marketing materials.

  • Primary (Headlines): Inter or a similar humanist, geometric sans-serif suitable for UI and marketing headlines. Recommended weights: 600–800.
  • Secondary (Body): Roboto, Open Sans, or system-ui stack for long-form text and general UI. Recommended weights: 300–400 for paragraph text, 500 for labels.
  • Monospace: Menlo, SFMono, or other developer-friendly monospace fonts for code, logs, or technical documentation.

Maintain consistent line-height, spacing, and heading scales across pages. Avoid mixing too many typefaces in a single design. Use typographic hierarchy (H1, H2, H3, body) to guide users logically through content.

7. App Icon & Store Assets

The Vexor app icon is a compact, optimized representation of the brand mark. It is distinct from the full logo and must not be recreated or altered.

  • Always use official app icon assets provided by Vexor.
  • Do not add the full “Vexor” wordmark inside the app icon.
  • Do not modify corner radius, gradients, or color composition.

App Store / Play Store Requirements:

  • Submit high-resolution icons that meet platform specifications.
  • Ensure screenshots represent actual in-app experiences and UI.
  • Use only official store badges if required and never alter them.

8. Co-Branding & Partnerships

For campaigns, integrations, events, or sponsorships where Vexor appears alongside partner logos, both brands must be presented clearly and respectfully.

  • Maintain standard clear space around the Vexor logo at all times.
  • Do not overlap partner logos with the Vexor mark or wordmark.
  • Ensure relative sizing is visually balanced; Vexor’s logo should not be significantly smaller than partner marks in Vexor-led materials unless agreed in writing.
  • Use a neutral or brand-colored strip to separate logos when necessary.

All co-branded materials require prior review and approval by the Vexor Brand Team: branding@vexor.to.

9. Photography & Visual Style

Vexor’s visual language centers on creativity, authenticity, and modern digital culture. Photographic and illustrative content should:

  • Highlight real creators, community, and expressive moments.
  • Use high-quality, well-lit images that avoid heavy artifacts or noise.
  • Favor vibrant, modern compositions with brand-consistent color grading.
  • Use gradients or overlays based on the primary palette where appropriate.
  • Avoid cliché or excessively staged stock photography whenever possible.

10. Iconography & UI Components

Icons and UI components should feel cohesive across all Vexor surfaces:

  • Use the official icon set provided by the Product or Design team.
  • Ensure icons are simple, geometric, and optimized for small sizes.
  • Maintain consistent stroke width, corner radius, and visual weight.
  • Use semantic, intuitive icons (e.g., heart for like, play triangle for video).
  • Avoid mixing multiple unrelated icon styles within the same interface.

11. Trademarks & Legal

“Vexor” and associated logos, icons, and marks are registered or common-law trademarks of the Vexor group of companies. Use of these marks is governed by trademark law, licensing agreements, and these guidelines.

  • Do not register domain names, company names, or product names that include “Vexor” or confusingly similar variations.
  • Do not imply endorsement, partnership, or sponsorship by Vexor without a written agreement.
  • Do not modify protected marks in ways that could dilute or misrepresent the brand.

For trademark permission or legal clarifications, contact: legal@vexor.to.

12. Downloadable Assets & File Naming

Official, up-to-date Vexor brand assets are made available through the internal or partner-facing Brand Portal. Always source files from this portal to avoid using outdated materials.

Typical asset naming conventions:

  • Logos: vexor-logo-primary.svg, vexor-logo-reverse.svg, vexor-logo-mono.svg
  • App Icons: vexor-appicon-1024.png, vexor-appicon-512.png, vexor-favicon-32.png
  • Color Swatches: vexor-colors.ase (Adobe Swatch Exchange)
  • Typography: font-license.txt, vexor-type-stack.md (guidelines)

To request Brand Portal access, contact: branding@vexor.to.

13. Merchandise, Promotional & Third-Party Use

Any physical goods (apparel, event swag, hardware, etc.) that bear the Vexor name or logo require prior written authorization.

  • Submit clear mockups and production specs for review.
  • Use vector artwork (SVG/EPS) for all high-resolution printing.
  • Follow color, clear-space, and minimum-size standards for all placements.

Approvals and questions about merchandising should be sent to: branding@vexor.to.

14. Accessibility & Localization

Brand expression should remain inclusive and accessible in all markets:

  • Ensure color combinations meet WCAG 2.1 AA contrast guidelines.
  • Localize taglines, CTAs, and key brand messages for major regions.
  • Provide right-to-left (RTL) adapted layouts where applicable.
  • Offer localized brand variants sparingly and only with Brand Team approval.

15. Exceptions & Approval Process

Any exception to these guidelines must be approved in writing by the Vexor Brand Team. Unapproved deviations, even for internal experiments, may be subject to rollback.

To request an exception, email branding@vexor.to with:

  • Project description and objectives
  • Visual mockups or prototypes
  • Intended audience and distribution channels
  • Timeline and any relevant partners involved

16. Frequently Asked Questions (FAQ)

Q: Can I use the Vexor logo on my website?
A: Yes, for coverage, reviews, or partnership pages, provided you follow these guidelines, maintain clear space, and do not imply endorsement without permission. For large or high-visibility placements, we recommend notifying branding@vexor.to.

Q: Can I create a stylized event version of the Vexor logo?
A: Only with prior written approval from the Brand Team. Submit your concept and usage plan for review.

Q: Where do I get high-resolution, up-to-date assets?
A: All official assets are available in the Brand Portal. Request access via branding@vexor.to.

17. Contact & Reporting Misuse

To request permissions, obtain assets, or report misuse of Vexor brand elements:

Brand Team: branding@vexor.to
Legal: legal@vexor.to

18. Changes to These Guidelines

Vexor may update these Brand Asset Guidelines periodically to reflect new products, refreshed brand identity, or legal requirements. Updated versions will be published in the Brand Portal and may be communicated via email to key partners. Continued use of Vexor brand assets indicates acceptance of the latest version of these guidelines.

Hjalp dette svar dig? 0 Kunder som kunne bruge dette svar (0 Stem)