# Sardius Slides
## The Complete **Feature Showcase**

Every layout, content type, and style in one deck.

<!-- date: 2026 -->
<!-- layout: hero -->

---

<!-- theme: dark -->
<!-- layout: split -->
<!-- illustration: streaming -->

# Split Layout
## Illustration Right with **Bullet List**

The split layout places content on the left with an illustration on the right. Perfect for feature overviews and problem/solution slides.

- **Bold titles** draw attention to key points
- **Markdown formatting** works throughout
- Supports up to six bullet items comfortably
- Illustrations animate on slide entry
- Auto-selects from 13 built-in SVGs

---

<!-- theme: light -->
<!-- illustration: team -->

# Light Theme
## Auto Layout with **Block Quote**

> Slides automatically choose a layout when an illustration is assigned but no explicit layout is set. The engine cycles through right, left, split, background, and top positions.

Light theme swaps the dark background for clean whites and grays, ideal for well-lit rooms and printed handouts.

---

<!-- theme: dark -->
<!-- layout: center -->

# Icon Cards
## Four Cards in a **Grid**

Center layout with icon cards creates a visually balanced overview. Each card has an emoji, title, and description.

- 📡 | Live Streaming | Broadcast to any device in real time with adaptive bitrate
- 🎯 | Smart Targeting | Reach the right audience with precision delivery tools
- 🔍 | Content Analysis | AI-powered quality scoring and automated review
- ✨ | Brand Control | Maintain visual consistency across every location

---

<!-- theme: light -->
<!-- illustration: workflow -->
<!-- layout: split -->

# How It Works
## A Simple Three-Step **Process**

The split layout also works in light theme. Illustration colors adapt automatically to maintain contrast.

- **Step one** connects your existing encoders
- **Step two** configures your centralized dashboard
- **Step three** enables instant review and feedback

---

<!-- theme: dark -->
<!-- layout: center -->

# Stat Cards
## Animated **Numbers**

Stat cards display key metrics with large animated counters. Numbers count up when the slide becomes active.

- **99.9%** | Platform Uptime
- **< 30s** | Stream Latency
- **500+** | Active Locations
- **24/7** | Live Monitoring

---

<!-- theme: light -->
<!-- illustration: distribution -->

# Illustration Left
## Auto-Cycling **Positions**

When no layout is specified but an illustration is provided, the engine auto-cycles through positions. This slide lands on a left-side illustration.

- **Multi-device delivery** across every screen size
- **Channel management** for OTT and IPTV platforms
- **White-label apps** with custom branding options
- **Flexible access controls** by role and location

---

<!-- theme: dark -->
<!-- layout: roadmap -->

# Roadmap Layout
## Quarterly **Timeline**

The roadmap layout renders timeline items with connecting lines and milestone markers. Completed items are marked with a filled dot.

- * Q1 | Platform launch with calendar management and live preview
- * Q2 | AI-powered content analysis and automated quality scoring
- Q3 | Advanced analytics dashboard and custom reporting
- Q4 | Multi-language support and global CDN expansion

---

<!-- theme: light -->
<!-- layout: center -->

# Progress Bars
## Tracking **Completion**

Progress bars animate from zero to their target percentage on slide entry. Use the bracket syntax to define the fill level.

- [95%] | Core Platform
- [85%] | Stream Integration
- [70%] | AI Analysis Engine
- [45%] | Analytics Dashboard

---

<!-- theme: dark -->
<!-- illustration: globe -->
<!-- layout: bg -->

# Background Illustration
## Large-Scale **Visual Impact**

> The background illustration layout places the SVG at full size behind the content, creating dramatic visual depth. Works especially well with the globe, security, and cloud illustrations.

---

<!-- theme: light -->
<!-- layout: center -->

# Light Icon Cards
## Clean and **Readable**

Icon cards adapt to light theme with dark text and subtle card borders. The same content syntax works across both themes.

- 💰 | Reduce Costs | Eliminate unnecessary site visits with remote monitoring
- ⚡ | Faster Feedback | Review and respond within minutes instead of days
- 📊 | Quality Insights | Maintain brand standards across every location
- 🎓 | Proactive Training | Identify coaching moments in real time

---

<!-- theme: dark -->
<!-- layout: two-col -->

# Two-Column Layout
## Feature List with **Arrow Bullets**

- -> **Live Monitoring** | Watch every location in real time from a single dashboard
- -> **Instant Replay** | Review content within minutes of it airing
- -> **Quality Scoring** | AI-powered analysis catches issues automatically
- -> **Team Alerts** | Notify the right people when action is needed
- -> **Custom Reports** | Generate insights tailored to your organization
- -> **Mobile Access** | Monitor from anywhere on any device

---

<!-- theme: light -->
<!-- layout: center -->

# Tag Pills
## Categorize with **Badges**

Tags create colorful pill badges for categorization, filtering, or labeling. Great for content categories, skill tags, or feature groupings.

- [Live] Real-time streaming and monitoring
- [VOD] Video on demand and content libraries
- [AI] Artificial intelligence and smart analysis
- [Analytics] Data insights and performance metrics
- [Security] Platform reliability and uptime
- [Mobile] Cross-device access and responsive design

---

<!-- theme: dark -->
<!-- layout: split -->
<!-- image: https://images.unsplash.com/photo-1557804506-669a67965ba0?w=800 -->

# Image Support
## Photos Replace **Illustrations**

Use `<!-- image: url -->` in any illustration layout to display a photo instead of an SVG. The image fills the illustration panel with object-fit cover.

- Works with **split**, **illust-right**, **illust-left**, and **top-illust** layouts
- Supports any image URL including Unsplash
- Maintains the same responsive behavior

---

<!-- theme: dark -->
<!-- bg-image: https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=1200 -->

# Background Image
## Full-Bleed **Photography**

The `bg-image` directive creates a full-screen photo backdrop with a dark overlay for text readability. No layout directive needed.

---

<!-- theme: dark -->
<!-- layout: center -->

# Image Cards
## Photo **Grid**

Image cards display photos in a responsive grid with captions. Use the `![caption](url)` syntax in bullet items.

- ![Conference Stage](https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=400)
- ![Team Collaboration](https://images.unsplash.com/photo-1557804506-669a67965ba0?w=400)
- ![Live Production](https://images.unsplash.com/photo-1478147427282-58a87a120781?w=400)

---

<!-- theme: light -->
<!-- illustration: ai -->
<!-- layout: top-illust -->

# Top Illustration
## Illustration Above **Content**

The top-illust layout places the SVG illustration above the text content. Works well for title slides and section dividers.

---

<!-- theme: dark -->
<!-- illustration: security -->

# Background Illustration
## Integrate with Your **Complete Strategy**

Benefit from a complete broadcast solution: Sardius Media Broadcast Platform for content management, EMLA hardware for reliable encoding, and Live Events support for production excellence.

**→ Learn more at sardiusmedia.com**

---

<!-- theme: dark -->
<!-- illustration: rocket -->
<!-- layout: top -->

# Ready to Build?
## Start Creating **Presentations**

Copy this deck's markdown to use as a starting template, or create a new presentation from the dashboard.

**→ Get started at sardius.app**

