VRL PPT Brand Guidelines

Modern, clean brand guidelines for VRL presentations featuring the lime green logo.

Brand Identity

Logo: Lime green rounded square with dark lightning bolt icon Style: Modern, tech-forward, bold yet clean

Brand Colors

Primary Palette

Color Hex Role

Lime Green #BDFF00

Brand color (from logo)

Dark Navy #1E293B

Primary dark, backgrounds, text

White #FFFFFF

Light backgrounds, text on dark

Supporting Colors

Color Hex Role

Slate Gray #64748B

Secondary text, muted elements

Light Slate #94A3B8

Tertiary text, captions

Off White #F8FAFC

Card backgrounds on white

Logo Usage

CRITICAL RULES

• NEVER apply CSS filters to the logo (no brightness, invert, etc.)

• Logo is self-contained with lime green background - use AS-IS

• Logo works on both dark and light backgrounds without modification

Placement

• Title slide: Centered, 70-80pt, above title

• Closing slide: Centered, 80pt

• Content slides: Optional, bottom-right, 24pt

Typography

Font

• Primary: Arial, Helvetica, sans-serif

• Weights: Bold for headers, Regular for body

Scale

Element Size Weight Color

Hero Title 42-48pt Bold White

Section Title 24-28pt Bold Dark Navy

Subtitle 14-16pt Regular Light Slate

Body 11-13pt Regular Dark Navy or Slate

Caption 9-10pt Regular Slate Gray

Slide Layouts

1. Title Slide (Hero)

Background: Dark Navy (#1E293B)

┌─────────────────────────────────────┐ │ │ │ [LOGO - as-is] │ │ │ │ MAIN TITLE (white, 42pt) │ │ │ │ subtitle (light slate, 14pt) │ │ │ │ date (slate, 10pt) │ └─────────────────────────────────────┘

IMPORTANT:

• NO CSS filters on logo

• NO accent lines between title elements

• Simple, clean vertical stack

• Generous spacing between elements

2. Content Slide

Background: White (#FFFFFF)

┌─────────────────────────────────────┐ │ HEADER (dark navy, 24pt, bold) │ │ │ │ Content with clean layout │ │ Cards use #F8FAFC background │ │ │ └─────────────────────────────────────┘

• Header: Dark Navy, bold, left-aligned

• NO underlines or accent lines under headers

• Cards: Off White (#F8FAFC) with 8pt radius

3. Data/Stats Slide

• Large numbers: Lime Green (#BDFF00) or Dark Navy

• Labels: Slate Gray (#64748B)

• Clean grid layout

4. Table Slide

• Header: Dark Navy background, white text

• Body: Alternating white/#F8FAFC rows

• Highlight: Lime Green background for emphasis column

5. Closing Slide

Background: Dark Navy (#1E293B)

• Logo centered (as-is, no filters)

• Tagline in white

• Summary stats in Lime Green

Design Rules

DO

• Use logo AS-IS without any CSS filters

• Dark Navy (#1E293B) for hero/closing slides

• White for content slides

• Lime Green for key stats and highlights only

• Clean, simple layouts

• Generous whitespace (40%+)

DON'T

• Apply brightness/invert filters to logo

• Use accent lines that overlap text

• Add decorative elements

• Use circular badges or icons

• Mix too many colors

• Add borders or frames

CSS Guidelines

Logo in HTML (Title/Closing slides)

.logo { width: 70pt; height: 70pt; /* NO FILTER - use logo as-is */ } .logo img { width: 100%; height: 100%; object-fit: contain; }

Title Slide Body

body { background: #1E293B; display: flex; flex-direction: column; justify-content: center; align-items: center; }

Card Styling

.card { background: #F8FAFC; padding: 18pt; border-radius: 8pt; }

Highlighted Card

.card.highlight { background: #BDFF00; color: #1E293B; }

Example Slide Specs

Title Slide

• Background: #1E293B

• Logo: 70pt, centered, NO FILTER

• Title: white, 42pt, bold

• Subtitle: #94A3B8, 14pt

• Date: #64748B, 10pt

• Spacing: 25pt between elements

Content Slide

• Background: #FFFFFF

• Header: #1E293B, 24pt, bold

• Cards: #F8FAFC, 8pt radius, 18pt padding

• Body text: #1E293B, 11pt

Assets

Logo file: assets/logo.png (lime green with lightning bolt - use as-is)