Makani by Elevenfour
Accessible Design
Doesn't Mean It's Ugly
Makani is a beautiful dark, accessible style family - free of charge
Version 5.3.0
- 2021-01-12
- support for WoltLab Suite 5.3
Version 5.2.0
- 2020-08-29
- full support for WoltLab Suite 5.2
- new style options
- redesigned menu overlay on mobile screens
- added "New York" to text font stack
- optimized image sizes
- new color variants: Misty White, Aura and Ayendo
- fix: background-color of avatar images now dark
Key Features
-
improved
accessibility -
Makani uses system fonts, so the style feels native
-
high Contrast
-
HiDPi-ready and responsive
-
multilingual
-
compatible with WoltLab apps
-
4 variants
-
Style options: Easily customize the style to your liking.*
* according to Elevenfour License 2.0
Description
Makani is a dark style that features yellow color accents and focuses on improving the accessibility of your WoltLab Suite™ Installation.
The color palette of Makani was chosen to meet WCAG 2.1 and scoring AAA. This means that people with low vision have easier access to your site compared to some other styles.
The default font size of the style was set to a rem value which makes the font-size respond to the browsers settings. So if a user did set a higher/lower value than modern browsers' default value the style will respond to that (WoltLab's Default Style doesn't do that).
Links are colored with a shade of blue and underlined throughout messages, which makes it easier to identify them as links.
Makani was built using the latest techniques of modern web design and adapts to any display. The design adapts seamlessly to WoltLab Suite and offers a unique user experience.
The CMS page on the first screenshot was build using the plugin Layout Extension Kit from cls-design. You’ll get example codes or support for this plugin there, if needed.
As always: Well structured and clean modern modular SCSS code help to make this style a beauty at the backend too. Although you now might not need to look there. Makani is build to work with all apps currently available by WoltLab: Core (of course), Forum, Filebase, Blog, Calendar and Gallery. If third party developers stuck with WoltLab Suite's standards this style will also be compatible with their plugins or apps out of the box.
If you're running this style in a multilingual system: There are language variables available for Makani in German, English, French and Spanish. You can add more language variables.