Web Style Guide

For reelyActive web pages and web applications

Learn More
Top of Page

Overview

reelyActive's web style guide is intended to provide a simple, standard and responsive foundation for all reelyActive web pages and web applications.

simple,
a text editor shall suffice
standard,
all modern browsers supported
responsive,
mobile or desktop makes no difference

Based on the Bootstrap 5 component library, compiled as bootstrappyactive.css / .js, no additional frameworks, CSS or JS are required. The only additional dependency is Font Awesome 5 (Free) for graphical icons.

It's all open source, MIT License and/or Creative Commons.

Use it, tweak it, build it

Compiled files, source code and instructions can be found on our GitHub at github.com/reelyactive/web-style-guide.

Examples

Web App Example

Web App

Used for Pareto Apps pages.

Bootstrap Components

Bootstrap Components

Examples of retained Bootstrap 5 components.

Font Awesome Icons

Font Awesome Components

All retained Font Awesome Icons.

Colours

Name Table Button Badge Text Alert
primary table-primary bg-primary primary
secondary table-secondary bg-secondary secondary
success table-success bg-success success
warning table-warning bg-warning warning
danger table-danger bg-danger danger
info table-info bg-info info
dark table-dark bg-dark dark
light table-light bg-light light
ambient table-ambient bg-ambient ambient
This is the Owl-to-Action.   Get Started