Makani

Makani by Elevenfour

Accessible Design
Doesn't Mean It's Ugly

Makani is a beautiful dark, accessible style family - free of charge

Install Makani For Free

Version 5.3.0

  • support for WoltLab Suite 5.3

Version 5.2.0

  • 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.

Screenshots

Download Information

This style is available from Elevenfour's package server right from your ACP. There's no need to download. To learn more about this read the article about the installion process.

Package Information

Package identifier: net.elevenfour.style.makani | net.elevenfour.wcf.style.makani.aura | net.elevenfour.wcf.style.makani.ayendo | net.elevenfour.wcf.style.makani.mistywhite
License: Elevenfour License 2.0
Package dependencies: com.woltlab.wcf | net.elevenfour.languagepack.styles | net.elevenfour.wcf.makanicompanion

Support

Do you need support? You'll get it for free in Elevenfour's Support Forum. You need an account for that. Sign up here - it's free and you can cancel anytime.

Built using theseModern Apps and Web Technologies

  • Sketch

  • Visual Studio Code

  • CSS level 3+

  • HTML 5

  • PHP 7

Made with ❤️ in Neukölln, Berlin.