drupal/hourglass_inc

Hourglass — a corporate Drupal CMS site template built with Canvas and SDC components.

Maintainers

Package info

git.drupalcode.org/project/hourglass_inc.git

Type:drupal-recipe

pkg:composer/drupal/hourglass_inc

Statistics

Installs: 14

Dependents: 0

Suggesters: 0

1.0.x-dev 2026-06-13 18:43 UTC

This package is auto-updated.

Last update: 2026-06-15 06:46:01 UTC


README

Hourglass INC — Corporate Site Template

Hourglass INC is a high-performance corporate site template for Drupal CMS, purpose-built for B2B and SaaS organisations. It delivers a complete, production-ready marketing website out of the box — with a bold orange brand palette, enterprise-grade page sections, and a rich component library — all powered by Canvas and Single Directory Components (SDC).

No build tools required. Install and launch.

Key Features

  • SDC Components — 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 page builder integration — Every component is a Canvas block. Build and edit pages visually without writing code.
  • Corporate design system — Consistent orange brand palette built on CSS custom properties. Rebrand with a single token override.
  • Fully responsive — Mobile-first layouts tested at 768px, 1024px, and 1200px.
  • Zero build tooling — Vanilla CSS and vanilla JavaScript. No Node.js, no Webpack, no Tailwind.
  • Content types included — Blog with listing, search, and detail views; Career pages; Product and Service pages; Team profiles.
  • Accessible markup — Semantic HTML with ARIA attributes and keyboard navigation throughout.
  • Drupal 11 ready — Requires Drupal ^11.3.

Requirements

  • PHP 8.3+
  • Drupal 11.3 or higher
  • Canvas module
  • CVA module

What's Included

Page Templates

PagePath
Home/home-page
Products/products
Services/services
Blogs/blogs
Careers/careers
About Us/about-us
Contact/contact

Content Types

  • Blog — with listing, search, and individual post views
  • Page — flexible Canvas-powered pages for all marketing sections

Theme

The Hourglass INC theme (drupal/hourglass) is automatically installed and set as the default theme. The admin theme is Gin.

Customisation

Brand colours

All colours are defined as CSS custom properties in web/themes/custom/hourglass/components/base/colors/colors.css. Override the orange palette by updating --brand-primary and related tokens.

Adding components

Each component lives in its own Single Directory Component folder under web/themes/custom/hourglass/components/. Add new components by following the same pattern: a .twig template, a .css file, a .component.yml schema, and a corresponding entry in hourglass.libraries.yml.

Support