FAQ
Common questions about the Genesis Design System.
16 production layouts — blog, article, landing, gallery, form, docs, FAQ, dashboard, chatroom, search, settings, archive, profile, minimal, splash, and a default base. Each layout is responsive and WCAG AA compliant.
Basic HTML and YAML front matter are enough to build pages. The ontological SCSS layer is there for theme customization, but you don't need to touch it for standard content.
Every CSS concern — layout, color, typography, interaction, state — belongs to one of six semantic categories. You describe what a region is, and the mixins produce the correct styles.
Yes. Layouts use fluid typography, auto-fit grids, and container queries. No separate mobile stylesheet is needed.
All tokens — colors, spacing, radii, type scales — are defined as SCSS variables and CSS custom properties. Override them in your subdomain's _sass/main.scss.
Dark mode is built in. The theme responds to the user's system preference via prefers-color-scheme, with an optional manual toggle.
The theme is distributed as a Jekyll remote theme. Point your _config.yml at the repository and updates pull in automatically on build.
Yes. The theme ships under an open-source license that permits both personal and commercial use. See the LICENSE file for details.