Hub templates

Every Hub uses a professionally designed template that controls the layout, hero section, card grid, and overall feel. Choose one that matches your content and brand.

Template gallery

DemoBites includes 9 template designs, each with a distinct layout and visual style. All templates are fully responsive and adapt to your workspace branding.

Classic Cards

Clean grid layout with thumbnail cards. The default choice, works well for any content type. Hero section with Hub title and description at the top.

Magazine

Editorial-style layout with a large featured item and a compact grid below. Great for highlighting a hero Bite with supporting content.

Minimal List

Compact list view with small thumbnails. Fits more items above the fold, ideal for large collections or reference libraries.

Spotlight Grid

Bold card grid with gradient overlays on thumbnails. Eye-catching and modern, best for marketing-facing Hubs.

Timeline

Chronological layout with date markers. Perfect for release notes, changelogs, or product update histories.

Masonry

Pinterest-style staggered grid. Creates visual variety, works best when your Bites have different thumbnail aspect ratios.

Sidebar Nav

Left sidebar navigation with categorized sections. Best for structured content like training academies with logical groupings.

Full-Width Hero

Large hero video at the top with a grid of supporting Bites below. Perfect for product launches or feature announcements.

Compact Tiles

Small, dense tiles with hover-to-play previews. Maximizes content density, ideal for comprehensive help centers.

Template features

All templates share these core capabilities:

Fully responsive, looks great on desktop, tablet, and mobile.
Automatic branding, your workspace colors, fonts, and logo are applied.
Video player integration, Bites play inline or in a lightbox depending on the template.
SEO-friendly, proper meta tags, Open Graph data, and semantic HTML.
Fast loading, optimized with lazy loading and CDN delivery.

Choosing a template

Pick a template based on your content type and audience:

Onboarding academy

Sidebar Nav or Classic Cards, structured navigation helps new users find content.

Product changelog

Timeline, chronological layout matches the "what's new" narrative.

Feature showcase

Full-Width Hero or Spotlight Grid, bold visuals grab attention.

Help center

Compact Tiles or Minimal List, high density lets users scan quickly.

Marketing landing page

Magazine or Spotlight Grid, editorial feel with visual impact.

Switching templates

You can switch templates at any time, your Bites and their order are preserved. Just select a new template in the Hub editor and re-publish. The content stays the same; only the layout changes.

Tip: Try a few templates before committing. The template picker shows a live preview with your actual content, so you can compare layouts side by side.