A good component library gives you range without chaos. Jarvis ships with a full set of building blocks: hero, card, text, image, video, call to action, stat, person, map, button, and more. Each one is a Single Directory Component, defined once and reused everywhere. You drop them in, set a few options, and move on.
The layout components are where the flexibility shows. Take the three-column section. On desktop it shows three columns. On a tablet it folds to two. On a phone it stacks into a single full-width column. You do not write a line of CSS to make that happen. It is built in.
The options go further. Each section can be boxed or full width. You can set a background color, drop in a background image with an overlay, and adjust the gap between columns. One control sets the text color for every component inside the section at once. Choose the color once, and the text, links, and WYSIWYG content all follow. No editing each block by hand.
Here is the part we care about most. Accessibility is not an add-on. When you pick a text color, Jarvis checks the contrast against the background. If a combination would fail ADA standards, the theme does not offer it. You cannot accidentally ship white text on a pale image. The choices you are allowed to make are the accessible ones.
That is the whole idea. Give site builders real flexibility, then quietly protect them from the mistakes that flexibility usually invites.
Build the page you imagined. Trust that it stays readable for everyone.
The List of Components
- Card
- Card Full Image
- CTA
- Hero
- Image
- Map
- Person
- Section
- Stat
- Text
- Video
- Wysiwyg (basic or full html with image embed and a slide out editing section)
Thanks for checking out Jarvis - a Drupal 11 theme for Canvas - with ADA Compliance built in!