Maya
Maya for Drupal
A Drupal 10 and 11 theme that implements Maya, the design system San Francisco Digital Services built for SF.gov.
What it includes
SF.gov layout and type
Roboto Flex and Roboto Slab, the Maya color palette and type scale, the 1076px page container, and SF.gov's header, footer and body text styles.
Home page
A spotlight, zebra-striped sections, service tiles, topic cards and quick links, built from blocks and menus. See Home page.
Navigation
Main menu dropdowns on desktop and an accordion on phones, search, a language switcher with native language names, and breadcrumbs.
Components
Single Directory Components for tiles, spotlights and bands, usable in templates, Layout Builder add-ons and Drupal Canvas.
Requirements
- Drupal 10.3 or 11
- No contributed modules. Search, Language and Block Content are used when enabled.
Quick start
composer require drupal/maya
drush theme:enable maya
drush config:set system.theme default maya
Enabling the theme places its default blocks. Continue with Installation.
Credits
Maya is the design system of SF.gov, built by San Francisco Digital Services and named for Maya Angelou. The colors, type scale, spacing, tile and spotlight patterns, social icons and footer skyline in this theme come from SF.gov's design system and are used with permission. The theme is maintained by FivePaths.
Screens
