Styling Capabilities in Happeo

This article outlines the styling capabilities throughout Happeo, such as application-wide, Pages, Channels, etc.

Application-wide

Application-wide styling includes the basic environment settings and company branding. The basic settings include your organization's name and description while the branding consists of colors, icons, and splash images.

You can read more about your basic environment settings and company branding options here.

Email branding

Email branding enables you to customize the look and feel of Happeo’s email notifications, whether it’s for new articles, new posts, announcement reminders, etc.

You can read more about email branding here.

Pages and Page Widgets

The easiest way to make Pages look like your brand is to create and share a Style Template. Style templates can be created, managed, and selected from the Page Group Style Settings.

You can read more about Style Templates here. You can also read about how to set up a Page Group here.

On the other hand, Page Templates are pre-made Page Groups (with pre-made Style Templates) that can be accessed from the Pages Navigation.

You can read more about Page Templates here.

Lastly, you can customize your Brand Fonts and Text Styles that are visible on Pages.

You can read more about Brand Fonts and Text Styles here.

Channels

Styling Channels are limited to fonts and font-weight. Fonts only apply to the content in Posts and Articles, not to the interface of the Channels themselves.

You can read more about Brand Fonts and Text Styles here.

Channels can also be customized by their header and color, colors being used for the Channel tags visible across Happeo's interface. 

You can read more about customizing the Channel header and color here.

Additional notes

There are parts of the product that are not covered. Please rest assured that we will gradually increase this coverage.

If you have any suggestions, you can submit requests here.

Or if you have a development team, you can contribute changes to our UIKit which will help us incorporate more global styles into our components.