Enhanced Branding

Premium visual treatment for executive and high-impact scenarios only. NOT the default - requires approval.

Complex 5 Critical Rules Demonstrated

Critical Rules Demonstrated

When to Use Enhanced Branding

Approved Use Cases

Executive presentations and board meetings
Premium product tier interfaces
Special event materials
VIP customer portals
Marketing hero sections for major campaigns
Investor relations materials

NOT Approved For

Standard product interfaces
General marketing materials
Documentation sites
Internal tools
Day-to-day communications
Default UI components

Standard vs Enhanced Comparison

Standard

Dashboard Overview

Active

Your project is performing well with 12% growth this quarter.

Enhanced

Dashboard Overview

Active

Your project is performing well with 12% growth this quarter.

Enhanced Components

Hero Section

Enterprise Solution

Transform Your Business

Unlock new possibilities with our premium platform designed for industry leaders.

Glass Card

Premium Feature

Exclusive access to advanced capabilities

Premium Buttons

Core Rules Still Apply

Enhanced branding adds visual sophistication but never overrides these fundamental brand rules:

LOGO-001

Logo remains LEFT or RIGHT aligned - never centered, even in enhanced layouts

LOGO-002

No effects applied directly to the logo - gradients/shadows only on containers

COLOR-001

Never white text on Citrus - use Navy text even in enhanced gradient backgrounds

ICON-001

Icons remain outlined style - no filled icons even for premium feel

A11Y-001

Maintain 4.5:1+ contrast ratio - glassmorphism must not compromise readability

Implementation

Enhanced Card CSS

.enhanced-card {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95),
    rgba(229, 238, 239, 0.9)
  );
  backdrop-filter: blur(10px);
  border: 1px solid rgba(7, 81, 86, 0.1);
  box-shadow:
    0 4px 24px rgba(7, 81, 86, 0.08),
    0 1px 2px rgba(7, 81, 86, 0.04);
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
}

.enhanced-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 12px 40px rgba(7, 81, 86, 0.12),
    0 4px 8px rgba(7, 81, 86, 0.08);
}

Approval Process

Submit Request

Contact the brand team with your use case and target audience

Review

Brand team evaluates if enhanced treatment is appropriate

Approval

Receive written approval with any specific guidelines

Implementation

Apply enhanced styles following approved scope

Contact: brand@alterspective.com.au