Sign In

Status Pages Branding & Custom Domains

Create fully branded status pages that seamlessly integrate with your organization’s digital presence through comprehensive visual customization and custom domain configuration.

Transform generic status communication into a professional extension of your brand with over 40 customizable visual properties, complete white-label capabilities, and enterprise-grade custom domain support.

Why Branding Matters

Your status page often serves as the primary communication channel during critical incidents. When customers experience issues, they turn to your status page for answers. A professionally branded experience:

  • Builds Trust - Consistent branding reassures customers they’re viewing official information
  • Reduces Support Load - Clear, branded communication prevents confusion and ticket volume
  • Maintains Professionalism - Even during outages, your brand standards remain intact
  • Improves Recognition - Familiar visual elements help customers quickly find what they need

Visual Branding Capabilities

Complete Theme Control

Upstat provides unprecedented control over your status page appearance with more than 40 customizable properties organized into logical groups:

Color System
Define a comprehensive color palette that maintains perfect consistency across light and dark modes:

  • Primary brand colors with hover and active states
  • Background colors for pages, cards, and overlays
  • Text colors with automatic contrast optimization
  • Border and divider colors for visual hierarchy
  • Custom status indicator colors matching your design language

Typography
Implement your brand’s typographic standards:

  • Custom font families supporting web fonts and font stacks
  • Size scales for headings, body text, and UI elements
  • Weight variations for emphasis and hierarchy
  • Line height and spacing optimization
  • Automatic fallback font configuration

Layout & Structure
Choose from multiple layout styles that best represent your information architecture:

  • Row Layout - Traditional linear status list ideal for simple service overviews
  • Grid Layout - Card-based organization perfect for complex service portfolios
  • Timeline Layout - Chronological event display focusing on incident history

Visual Personality
Fine-tune the aesthetic feel through corner styles and spacing:

  • Sharp Corners - Modern, technical appearance with clean edges
  • Subtle Rounding - Balanced approach for professional services
  • Rounded Corners - Approachable feel for consumer-facing brands
  • Pill Shapes - Playful aesthetic for creative industries

Logo & Brand Assets

Logo Integration
Upload your company logo in PNG, JPG, or SVG format with intelligent display options:

  • Automatic sizing and positioning in the header
  • Retina display optimization for crisp rendering
  • Dark/light mode logo variants for optimal visibility
  • Optional logo visibility toggle for minimalist designs

Favicon Support
Ensure brand consistency even in browser tabs:

  • Custom favicon upload for tab identification
  • Support for standard ICO and PNG formats
  • Automatic format conversion and optimization
  • Multiple size generation for various devices

Adaptive Theme Modes

Respect user preferences while maintaining brand standards:

System Adaptation
Automatically adjust to visitor system preferences:

  • Seamless light/dark mode switching
  • Instant response to system theme changes
  • Consistent brand colors across modes
  • Optimized contrast for accessibility

Forced Themes
Override system preferences when brand guidelines require:

  • Always light mode for bright, energetic brands
  • Always dark mode for technical, sophisticated aesthetics
  • Custom theme scheduling for time-based adjustments

White-Label Options

Remove platform branding for complete ownership of the experience:

Footer Attribution
Control “Powered by Upstat” visibility:

  • Hide attribution for enterprise white-label deployments
  • Maintain attribution for transparent communication
  • Custom footer text for additional branding
  • Legal disclaimer and compliance text support

Custom Branding Elements
Add unique brand touchpoints throughout the experience:

  • Custom headers with HTML/Markdown support
  • Branded maintenance messages matching your voice
  • Personalized subscription confirmation messages
  • Custom incident communication templates

Custom Domain Configuration

Enterprise Domain Support

Transform your status page URL from a subdomain to your own custom domain, creating a seamless brand experience:

Supported Configurations

  • status.yourcompany.com - Subdomain configuration
  • yourcompany.com/status - Subdirectory setup
  • health.yourproduct.com - Product-specific domains
  • Multiple domains for different audiences or regions

SSL Certificate Provisioning

Automatic SSL certificate management ensures secure, trusted connections at no additional cost:

Included SSL Certificates
SSL provisioning is automatically included with custom domains:

  • Free SSL certificates for all custom domains
  • Automatic provisioning upon domain verification
  • Zero-downtime certificate management
  • Wildcard certificate support for subdomains

Security Features

  • TLS 1.3 support for modern encryption
  • HSTS headers for forced HTTPS connections
  • Certificate transparency logging
  • A+ SSL Labs rating configuration

DNS Configuration Process

Setting up your custom domain requires simple DNS changes:

Step 1: Choose Your Domain
Select a domain that clearly communicates purpose:

  • status.company.com for general status
  • api-status.company.com for API-specific pages
  • platform-health.company.com for comprehensive views

Step 2: Configure DNS Records
Add a CNAME record pointing to Upstat’s edge network:

Type: CNAME
Name: status (or your chosen subdomain)
Value: status-pages.upstat.com
TTL: 3600 (or automatic)

Step 3: Verify Configuration
Upstat automatically verifies your DNS configuration:

  • Real-time verification status in the dashboard
  • Automatic SSL provisioning upon verification
  • Propagation tracking across global DNS servers
  • Troubleshooting guidance for common issues

Step 4: Activate Custom Domain
Once verified, your custom domain becomes active:

  • Instant traffic routing to your status page
  • Automatic redirect from default URL
  • SEO-friendly permanent redirects
  • Analytics tracking continuity

Global Edge Delivery

Your branded status page benefits from our global edge network:

Performance Optimization

  • <50ms response times from 200+ global locations
  • Intelligent caching for instant page loads
  • Automatic image optimization and compression
  • HTTP/3 support for modern browsers

Reliability Features

  • 99.99% uptime SLA independent of origin
  • Automatic failover during origin issues
  • DDoS protection for traffic spikes
  • Rate limiting for abuse prevention

Geographic Distribution

  • Automatic visitor routing to nearest edge location
  • Localized content delivery for global audiences
  • Region-specific failover configurations
  • Compliance with data residency requirements

Advanced Branding Features

Dynamic Status Colors

Customize how different operational states appear to match your design system:

Operational Status
Define the color for normal operations:

  • Traditional green for universal recognition
  • Brand primary color for consistency
  • Custom shade matching your palette

Degraded Performance
Communicate minor issues clearly:

  • Warning yellows or oranges
  • Muted brand colors
  • Distinctive but non-alarming shades

Outage Indicators
Ensure critical issues are immediately visible:

  • High-contrast reds for urgency
  • Brand-appropriate danger colors
  • Accessibility-compliant color choices

Maintenance Mode
Differentiate planned work from incidents:

  • Calming blues or purples
  • Neutral grays for minimal concern
  • Brand secondary colors

Responsive Design Control

Ensure your branding works across all devices:

Mobile Optimization

  • Automatic logo resizing for small screens
  • Touch-friendly interface elements
  • Responsive typography scaling
  • Optimized spacing for mobile viewing

Tablet Adaptation

  • Intelligent layout adjustments
  • Optimal column configurations
  • Consistent brand experience
  • Landscape/portrait optimization

Desktop Enhancement

  • Full-width layouts for large screens
  • Multi-column organization options
  • Enhanced visual hierarchy
  • Detailed information display

Brand Consistency Tools

Maintain perfect consistency across all your status pages:

Theme Templates

  • Save and reuse branding configurations
  • Share themes across multiple status pages
  • Version control for theme changes
  • Rollback capabilities for quick recovery

Preview Validation

  • Real-time preview of all changes
  • Device-specific preview modes
  • Status state simulations
  • Sample content for testing

Password Protection & Access Control

Combine branding with security for private status pages:

Secure Password Protection

Protect sensitive status information while maintaining your brand:

Password Security

  • Encrypted password storage
  • Secure authentication flow
  • Session management
  • Access control validation

Branded Login Experience

  • Custom login page matching your brand
  • Personalized access messages
  • Logo and color consistency
  • Professional security appearance

Access Management

Control who sees your branded status page:

Password Distribution

  • Secure password sharing workflows
  • Time-limited access tokens
  • IP-based access restrictions
  • SSO integration options (coming soon)

Visitor Experience

  • Smooth authentication flow
  • Remember device options
  • Branded error messages
  • Clear access instructions

Implementation Best Practices

Brand Alignment

Start with Brand Guidelines
Reference your official brand documentation:

  • Extract exact color values from brand guides
  • Use specified typography standards
  • Follow established visual hierarchy rules
  • Maintain consistent spacing systems

Test Across Contexts
Verify your branding works in all scenarios:

  • Different operational states
  • Various device types and sizes
  • Light and dark mode variations
  • High-contrast accessibility modes

Domain Strategy

Choose Meaningful Domains
Select domains that clearly communicate purpose:

  • Avoid ambiguous naming
  • Include “status” or “health” keywords
  • Consider SEO implications
  • Plan for future expansion

Plan DNS Changes
Coordinate DNS updates carefully:

  • Schedule during low-traffic periods
  • Prepare rollback procedures
  • Communicate changes to stakeholders
  • Monitor propagation progress

Performance Optimization

Optimize Brand Assets
Ensure fast loading without sacrificing quality:

  • Compress logos to under 100KB
  • Use SVG for scalable graphics
  • Implement lazy loading for images
  • Leverage browser caching

Monitor Load Times
Track performance impact of customization:

  • Page load times under 2 seconds
  • Time to interactive under 3 seconds
  • Lighthouse scores above 90
  • Core Web Vitals compliance

Measuring Branding Success

Key Metrics

Track the impact of your branded status page:

Recognition Metrics

  • Time to find status information
  • Bounce rate reduction
  • Return visitor percentage
  • Brand recall surveys

Trust Indicators

  • Support ticket reduction during incidents
  • Customer satisfaction scores
  • Social media sentiment
  • Stakeholder feedback

Performance Metrics

  • Page load speed by region
  • Mobile vs desktop usage
  • Custom domain traffic percentage
  • SSL handshake times

Continuous Improvement

A/B Testing
Experiment with branding variations:

  • Different color schemes
  • Layout style preferences
  • Logo placement options
  • Theme mode defaults

Feedback Collection

  • Customer surveys on brand perception
  • Internal stakeholder reviews
  • Accessibility audits
  • Performance benchmarking

Migration from Other Platforms

Seamless Transition

Move from generic status pages to fully branded experiences:

URL Preservation
Maintain continuity during migration:

  • Set up redirects from old URLs
  • Preserve SEO rankings
  • Update documentation and communications
  • Monitor 404 errors

Visual Matching
Recreate existing branding precisely:

  • Import color values exactly
  • Match typography choices
  • Replicate layout structures
  • Maintain familiar navigation

Communication Strategy
Prepare stakeholders for changes:

  • Announce improvements in advance
  • Highlight enhanced capabilities
  • Provide comparison screenshots
  • Celebrate the upgraded experience

Learn more