velais-brand-guidelines
activeVelais AI Solutions brand identity guidelines covering color palette, typography, logo usage, gradients, brand voice, and visual patterns. Use when creating or reviewing any Velais-branded output: websites, documents (.docx), presentations, marketing materials, social media graphics, or PDFs. Triggers on: designing Velais pages or components, choosing colors or fonts for Velais content, creating Velais-branded documents or presentations, reviewing designs or copy for brand consistency, embedding Velais logos, or any task requiring Velais visual identity decisions. Do NOT use for general design advice unrelated to Velais, or for framework-specific implementation details (Tailwind config, CSS-in-JS setup).
Quality Score Breakdown
Show checks (11)
- ✓ SKILL.md exists with exact casing 3/3
- ✓ Valid YAML frontmatter 3/3
- ✓ No unexpected frontmatter keys 1/1
- ✓ Name field valid (kebab-case) 2/2
- ✓ Name matches folder name 1/1
- ✓ Description field present 2/2
- ✓ No angle brackets in frontmatter 1/1
- ✓ Folder name is kebab-case 1/1
- ✓ No README.md inside skill folder 1/1
- ✓ Test directory with test-cases.yml exists 2/2
- ✓ Status 'active' is valid 1/1
Show checks (7)
- ✓ Contains action verbs: designs 2/4
- ✓ Contains trigger indicators: use when, use for, trigger 5/5
- ✓ Description is specific and actionable 4/4
- ✓ N/A — skill doesn't handle specific file types 3/3
- ✓ Description length: 713/1024 chars 2/2
- ✓ Has negative triggers (scope boundaries) 2/2
- ✓ Owner/author specified in metadata 2/2
Show checks (8)
- ✓ Skill body has content 3/3
- ✓ Has step/section structure 4/4
- ✓ Includes examples 5/5
- ✓ Includes error handling 4/4
- ✗ Consider moving detailed docs to references/ for better token efficiency 0/4
- ✗ Instructions could be more actionable — use 'Run X', 'Call Y', 'Check Z' 0/3
- ✓ Word count: 1251/5000 2/2
- ✓ All referenced paths exist 3/3
Show checks (10)
- ✓ test-cases.yml exists and parses 3/3
- ✓ 8 should-trigger tests ✓ 4/4
- ✓ 4 should-not-trigger tests ✓ 3/3
- ✓ 7 functional tests ✓ 5/5
- ✓ 2 negative tests ✓ 3/3
- ✓ 3 edge case tests ✓ 3/3
- ✓ Performance baseline documented 2/2
- ✓ All functional tests have ≥2 assertions 2/2
- ✓ All trigger phrases are diverse 2/2
- ✓ All assertions are specific 2/2
Show checks (5)
- ✓ No secrets detected 5/5
- ✓ No injection vectors in frontmatter 3/3
- ✓ Name is not reserved 3/3
- ✓ No suspicious code patterns 2/2
- ✓ External URLs: 0 2/2
Suggestions
- → Move detailed reference material to references/ and link from SKILL.md
Test Coverage
Velais Brand Guidelines
Visual identity for Velais AI Solutions. Friendly, flexible, human-centered — modern without being futuristic.
Brand Personality
Voice is clear and human — simple without being simplistic, confident without being corporate. Speaks with openness and practicality.
| Trait | Position |
|---|---|
| Tone | Leans human, not formal |
| Mood | Slightly playful, mostly serious |
| Complexity | Lean simple |
| Access | Lean accessible |
| Energy | Slightly calm |
| Era | Lean modern |
Five voice pillars:
- Clear & simple — straightforward communication, human language, reduces complexity
- Reliable & calm — direct, prioritizes understanding
- Flexible & client-oriented — adaptable, collaborative
- Fast & responsive — momentum, readiness, efficiency
- Quality-driven — confident without being rigid
Tagline: “Beyond IT.”
Color Palette
Core colors
| Name | Hex | RGB | CMYK | Role |
|---|---|---|---|---|
| Soft Sky | #AECCEB | 174/204/235 | 30/11/0/0 | Core blue, body text on dark |
| Muted Blue | #627EBF | 96/126/191 | 66/48/0/0 | Core blue, featured sections |
| Energetic Blue | #2A5CA1 | 42/92/161 | 91/70/7/0 | Primary accent, CTAs, labels |
Secondary blues
| Name | Hex | RGB | CMYK | Role |
|---|---|---|---|---|
| Cloudy Blue | #DBE5F5 | 219/229/245 | 12/5/0/0 | Alternate section background |
| Deep Navy | #1F3968 | 31/57/104 | 96/82/26/27 | Secondary accent |
| Midnight Blue | #0B1B3E | 11/27/62 | 100/90/42/52 | CTA/dark section backgrounds |
Neutrals and accent
| Name | Hex | RGB | CMYK | Role |
|---|---|---|---|---|
| Off Black | #0F1118 | 15/17/24 | 78/71/61/81 | Dark backgrounds, text |
| Off White | #FBFAF4 | 251/250/244 | 1/1/3/0 | Primary light background |
| Muted Burgundy | #8D3D55 | 141/61/85 | 37/85/50/21 | Accent — use sparingly, favor dark backgrounds |
Text on backgrounds
Light backgrounds (Off White, Cloudy Blue):
- Headlines: Off Black
- Body: Off Black or Deep Navy
- Labels: Energetic Blue, uppercase
Dark backgrounds (Midnight Blue, Off Black):
- Headlines: Off White
- Body: Soft Sky
- Labels: Muted Blue, uppercase
Medium backgrounds (Muted Blue, Energetic Blue):
- All text: white, with opacity variants for hierarchy
Gradients
Soft, airy mesh gradients resembling clouds. Point duotone gradients for subtle uses. Always use brand palette colors. Use with intention — favor darker backgrounds. Role: backgrounds and overlay accents.
Available gradient assets in assets/backgrounds/:
| File | Style |
|---|---|
BG Gradient_Bright Cloud.png | Light cloud gradient |
BG Gradient_Bright Cloud_Desktop-Hero.png | Light cloud, desktop hero size |
BG Gradient_Bright Cloud_Social-General Square.png | Light cloud, square social |
BG Gradient_Dark Cloud_Social-General Square.png | Dark cloud, square social |
BG Gradient_Dark Cloud_Vertical-Mobile.png | Dark cloud, mobile vertical |
BG Gradient_Dark Soft_Desktop-Hero.png | Dark soft gradient, desktop hero |
velais-hero-background.png | Hero section background |
Typography
Typography is architectural, refined, and minimal. Hierarchy through width, weight, color, and spacing — not decoration.
Primary typeface — Onsite Extended Regular
Display, headings, hero titles, taglines. Large sizes only — never for body text.
| Element | Size | Case |
|---|---|---|
| H1 | 60pt | Sentence case |
| H2 | 48pt | Sentence case |
| H3 / Labels | 8pt | ALL CAPS |
| Subheadings | 22pt | Sentence case |
| Taglines | 22pt | Sentence case |
All tracking: 0.
Secondary typeface — Host Grotesk
Body text, captions, notes, labels. Readable, long-form content.
| Variant | Role | Size |
|---|---|---|
| Regular | Body, captions, labels | 10pt |
| Medium | Emphasis (sparingly) | 10pt |
| Italic | Body emphasis if needed | 10pt |
Notes: 8pt.
Document template styles
The official .dotx template maps these fonts to Word heading styles:
| Style | Font | Size | Color |
|---|---|---|---|
| Title | Onsite Extended | 60pt | Soft Sky (#AECCEB) |
| Subtitle | Onsite Extended | 12pt | Energetic Blue (#2A5CA1) |
| Heading 1 | Onsite Extended | 36pt | Deep Navy accent (#1F4478) |
| Heading 2 | Onsite Extended | 28pt | Deep Navy accent |
| Heading 3 | Onsite Extended | 22pt | Deep Navy accent |
| Heading 4 | Onsite Extended | 18pt | Deep Navy accent |
| Heading 5 | Onsite Extended | 14pt | Deep Navy accent |
| Heading 6 | Onsite Extended | 10pt | Deep Navy accent |
| Normal | Host Grotesk | 10pt | Off Black (#0C0E17) |
| Header | Onsite Extended | 8pt | — |
Paragraph spacing: 12pt before, 20pt after, single line height.
Logo
Structure
Primary logo = symbol + wordmark (“VELAIS”). Built on symmetry, geometry, and rhythmic waveforms inspired by brain activity and harmonic patterns.
Variants
| Variant | Use on dark backgrounds | Use on light backgrounds |
|---|---|---|
| White | Primary on dark | — |
| Black | — | Primary on light |
| Soft Sky blue | Alternate on dark | — |
| Energetic Blue | — | Alternate on light |
Usage rules
- Symbol alone: avatars, favicons, compact applications, standalone design element
- Wordmark alone: document/presentation footers where the symbol already appears elsewhere
- Clear space: maintain padding equal to the symbol’s “a” unit on all sides
- Always filled — never outline the logo
- Always upright — never rotate; corners face up
- Maintain lineweight — never make it heavier
- Brand colors only — never color outside the palette
Available assets (assets/logos/)
| File | Variant |
|---|---|
Logo_White_1200.png | White full logo (dark backgrounds) |
Logo_Black_1200.png | Black full logo (light backgrounds) |
Logo_Light Blue_1200.png | Soft Sky full logo (dark backgrounds, alternate) |
Logo_Energetic Blue_1200.png | Energetic Blue full logo (light backgrounds, alternate) |
Logo.svg | Vector full logo |
Logo Symbol_White_512.png | White symbol only |
Logo Symbol_Black_512.png | Black symbol only |
Logo Symbol_Variable Width.svg | Vector symbol |
Examples
Velais document (dark cover page):
- Background: Off Black
#0F1118 - Title: Onsite Extended 60pt, Soft Sky
#AECCEB - Subtitle: Onsite Extended 12pt, Energetic Blue
#2A5CA1 - Logo: white variant, bottom-left with clear space
- Body pages: Off White background, Host Grotesk Regular 10pt, Off Black text
Velais presentation slide (CTA):
- Background: Midnight Blue
#0B1B3Ewith soft mesh gradient overlay - Headline: Off White, Onsite Extended
- Body: Soft Sky
#AECCEB, Host Grotesk Regular - Label: “GET STARTED” in Muted Blue
#627EBF, 8pt ALL CAPS - CTA button: Energetic Blue
#2A5CA1
Social media graphic:
- Background: brand gradient (dark variant)
- Logo: white symbol, centered
- Text: Off White, Onsite Extended for headline
- Tagline: “Beyond IT.” in Soft Sky
Error Handling
- If a requested color is not in the palette, flag it and suggest the closest brand color
- If a font weight is requested that doesn’t exist (e.g., Onsite Extended bold), warn and use the defined weight (Regular only)
- If text/background combinations produce poor contrast, recommend the approved pairing from guidelines above
- Never invent new brand colors — use only the nine defined tokens
- If the accent (Muted Burgundy) is requested casually, remind to use it sparingly and on darker backgrounds
- If someone asks to rotate, outline, or recolor the logo, flag as a brand violation