Visionbay.ai
Brand Usage Guideline
This online brand guide is the digital companion to the official Visionbay.ai Brand Usage Guideline, created to help internal teams and external partners quickly reference the correct brand usage in everyday work.
For Teams
Marketing teams, designers, vendors, and collaborating agencies.
Consistency
Ensures brand identity is applied consistently across all media.
Quick Reference
Daily operational reference, not a replacement for PDF guidelines.
This online guide does not replace the full PDF Brand Guideline. It is intended as a quick, everyday reference for correct brand usage.
Who this guideline is for
- Marketing teams
- External designers
- Vendors and production partners
- Collaborating agencies
Logo System
The Visionbay.ai logo combines a structured, dynamic “V” shape with a star element that represents precision, direction, and computational energy. Together, they express our brand spirit of computation-driven, accurately guided decisions.
Do not modify the logo’s proportions, stroke weights, letterforms, composition, or rearrange any of its elements.
Logo Versions
The Visionbay.ai logo combines a dynamic "V" form with a star symbol that represents precision, direction, and computational energy. Always use the official logo files provided. Do not alter proportions, shapes, line weights, or letterforms under any circumstances.
Minimum Size Requirements
To ensure optimal clarity across all applications, the logo must not be displayed below its minimum size requirements. When layout space is limited, follow the defined minimum height values for both horizontal and vertical orientations. Larger sizes are always preferred for better legibility.
Logo Color Variants
Visionbay.ai uses a defined color system consisting of Vision Blue, Energy Blue, and Graphite Black. Always apply the correct color values based on the medium (digital or print). Maintain a minimum contrast ratio of 1:10 to ensure visibility on any background.
Color System
Visionbay.ai’s color palette represents intelligence, energy, and clarity. The dominant blue tones symbolize innovation and trust, while the monochrome and neutral tints ensure versatility across light and dark interfaces.
Brand Colors
Vision Blue — VB_1
Energy Blue — VB_2
Silver Neutral — VB_3
Cloud White — VB_4
Graphite Black — VB_5
Contrast & Accessibility
Maintain at least a 1:10 contrast ratio between text and background, and use WCAG contrast levels as a reference to ensure readability and accessibility.
Typography System
The Visionbay.ai type system includes English and Traditional Chinese fonts designed for clarity and consistency across all communications. Use Outfit for English typography, Taipei Sans TC as the primary Chinese typeface, and Microsoft JhengHei as a secondary option where system compatibility is required.
Outfit
Primary English Typeface
Display / 4xl / Medium
Visionbay.ai
Title / 2xl / Medium
Brand Usage Guideline
Body / Base / Regular
Suitable for headings, UI elements, brand communications, and both digital and print design.
Code / Mono
font-family: "Outfit", Arial, sans-serif;Chinese Typeface — 台北黑體 Taipei Sans TC
| Weight | Name |
|---|---|
| Light | 台北黑體 Light |
| Regular | 台北黑體 Regular |
| Bold | 台北黑體 Bold |
Web Font Stack
English
font-family: "Outfit", Arial, sans-serif;Chinese
font-family: "Taipei Sans TC", "Microsoft JhengHei", sans-serif;Layout & Clear Space
A minimum clear space must surround the logo on all sides to preserve visibility and prevent interference from nearby text or graphics. The clear space is defined using the unit "X," derived from the key height of the logo. Additional space beyond the minimum is encouraged whenever possible.
Co-branding Guidelines
When Visionbay.ai appears alongside partner brands, consistent spacing, alignment, and proportional rules must be followed. Use the spacing unit "X," based on the Visionbay.ai logo, to maintain balance and visual hierarchy in both horizontal and vertical co-branding layouts.
Digital & Print Assets
Always use the official asset files provided in the brand package. This includes logo files in multiple formats, color palettes, typographic resources, and digital components for design applications.
Asset Categories
File Naming Convention
Visionbayai_[Element]_[Style].[Extension]
| Element | Description | Example |
|---|---|---|
| Brand Prefix | Fixed as Visionbayai | Visionbayai |
| Element | Logo / LogoMark / ColorPalette | LogoMark |
| Style | Horizontal / Vertical / Black / White | Logo_Horizontal |
| Extension | svg / png / pdf / ase | .svg |
Recommended Format by Use Case
| Use Case | Recommended Format | Notes |
|---|---|---|
| Web / UI | SVG（Preferred） | Vector-based, scalable, lightweight |
| App / Mobile | PNG | Highly compatible, suitable for multiple devices |
| Print (CMYK / Press) | High-resolution vector output |
Download Center
The following is the primary download hub for core brand assets. File paths and hosting locations can be adjusted to match your actual deployment environment.
Full Logo
| Asset Name | Usage | Download |
|---|---|---|
| Horizontal (Standard) | Primary brand asset | SVG | PNG | PDF | AI |
| Horizontal (Color variant) | Color mark (Vision Blue & Energy Blue) with reverse white wordmark — dark / complex backgrounds | SVG | PNG | PDF | AI |
| Vertical (Standard) | Restricted width layouts | SVG | PNG | PDF | AI |
| Horizontal (Black) | Monochrome (Light bg) | SVG | PNG | PDF | AI |
| Horizontal (White) | Monochrome (Dark bg) | SVG | PNG | PDF | AI |
| Vertical (Black) | Vertical Monochrome (Light bg) | SVG | PNG | PDF | AI |
| Vertical (White) | Vertical Monochrome (Dark bg) | SVG | PNG | PDF | AI |
/Visionbayai_Logo_Horizontal.png){kind=link}
/Visionbayai_Logo_ColorVariant-Horizontal.svg){kind=link}
/Visionbayai_Logo_ColorVariant-Horizontal.png){kind=link}
/Visionbayai_Logo_Vertical.svg){kind=link}
/Visionbayai_Logo_Vertical.png){kind=link}
/Visionbayai_Logo_Black-Horizontal.svg){kind=link}
/Visionbayai_Logo_Black-Horizontal.png){kind=link}
/Visionbayai_Logo_White-Horizontal.svg){kind=link}
/Visionbayai_Logo_White-Horizontal.png){kind=link}
/Visionbayai_Logo_Black-Vertical.svg){kind=link}
/Visionbayai_Logo_Black-Vertical.png){kind=link}
/Visionbayai_Logo_White-Vertical.svg){kind=link}
/Visionbayai_Logo_White-Vertical.png){kind=link}
Logo Marks (Symbol)
/Visionbayai_LogoMark.svg){kind=link}
/Visionbayai_LogoMark.png){kind=link}
/Visionbayai_LogoMark_Black.svg){kind=link}
/Visionbayai_LogoMark_Black.png){kind=link}
/Visionbayai_LogoMark_White.svg){kind=link}
/Visionbayai_LogoMark_White.png){kind=link}
Color Palettes
| File Name | Format | Description |
|---|---|---|
| Visionbayai_ColorPalette | ASE / PDF | Adobe Color Palette and Print Reference Files |
Typeface Files
- Outfit font family (English primary font)
- Taipei Sans TC font family (Chinese primary font) — Regular | Light | Bold
- Microsoft JhengHei（System font, not included in the asset package）
Contact & Versioning
Brand Contact
Address
Taipei City 11492, Taiwan
/Visionbayai_Logo_Horizontal.svg){kind=logo}