Hourglass

Hourglass is a modern, enterprise-grade Drupal 11 theme built entirely on the Single Directory Components (SDC) architecture. Designed for corporate and SaaS websites, it delivers a clean, high-performance design system out of the box with deep integration for the Canvas page-building module and Drupal CMS Site Templates.

Features

• SDC Components — A complete, production-ready component library spanning page modules and reusable cards: Hero, Key Features Slider, Stats Section, Offerings Slider, Services Grid, Product Grid, Blog Listing, Team Section, FAQ, History Timeline, Logo Carousel, News & Events, Video Feature, Contact Cards, CTA Banner, and more.
• Canvas & Site Template integration — Every component is registered as a Canvas block, enabling visual drag-and-drop page composition without custom code.
• Orange brand palette — Cohesive design system built on CSS custom properties, making rebranding straightforward with a single token override.
• Fully responsive — Mobile-first layouts with tested breakpoints at 768px, 1024px, and 1200px across all components.
• Zero build tooling required — Vanilla CSS and vanilla JavaScript. No Node.js, no Webpack, no Tailwind. Drop it in and it works.
• GSAP & Splide.js — Smooth scroll animations and accessible carousels included as optional libraries, loaded only where needed.
• Accessible markup — Semantic HTML, ARIA attributes, and keyboard navigation considered throughout.
• Drupal 11 ready — Requires Drupal ^11.3 and PHP 8.3+.

Requirements

• Drupal 11.3 or higher
• Canvas module
• CVA module

Use Case

Hourglass is purpose-built for corporate and enterprise marketing sites — product landing pages, service showcases, career sections, blog platforms, and contact flows — all manageable through Drupal CMS without touching code.