OBE:BS4 Design System

L I B R A R Y

The OBE:BS4 Design System is a self-reflexive reference library design system based on the most popular web framework in the world, Bootstrap! The OBE:BS4 system was built specifically to give all project stakeholders full visual, technical, and tactile access to every color, font, element, component and layout for any web project.

OBE:BS4 COLORS

A customized Bootstrap 4 SASS build focused on integrating a full illustration color wheel palette into Bootstrap 4 elements, components and conventions.

VIEW EXAMPLES

OBE:BS4 EXTENSIONS

Extended Bootstrap 4 classes, elements and components to add more definitive and design-orientated functionalities to any Bootstrap 4 project.

VIEW EXAMPLES

OBE:BS4 DEFAULTS

A set of default Bootstrap 4 elements and components, formatted exclusively with default Bootstrap 4 classes (and no OBE:BS4 classes or extensions).

VIEW EXAMPLES

OBE:BS4 LAYOUTS

A set of default Bootstrap 4 layouts, formatted exclusively with default Bootstrap 4 classes (and no OBE:BS4 classes or extensions).

VIEW EXAMPLES

OBE:BS4 ICONS

A set of default FontAwesome 5 elements and components, formatted exclusively with FontAwesome 5 and Bootstrap 4 classes.

VIEW EXAMPLES

OBE:BS4 REFERENCE

Sortable and filterable tables of color space codes and Bootstrap 4 classes that are used throughout your library.

VIEW REFERENCES

OBE:BS4 BOILERS

A set of boilerplates that are based on your settings and fonts choices, and can be used for various design and development circumstances.

VIEW EXAMPLES

OBE:BS4 SETTINGS

A tool to generate the JSON code needed to customize your OBE:BS4 Suite build process for any of your projects.

USE TOOL