OpenBMC Front End Style Guide

Contributors: Susan Jasinski ([email protected])

Purpose

This front-end style guide is a collection of modular components in the OpenBMC user interface. It includes rules and descriptions for color, typography, margins/spacing, interactions, components descriptions and use cases, etc. It benefits designers and developers across all companies contributing to the OpenBMC achieve visual and behavior consistency and makes prototyping ideas and implementing new designs more efficient.

Proposed Design

OpenBMC Front-End Style Guide in InVision

Alternatives Considered

An alternative to the InVision document is to create a wiki in a new openbmc repository

Testing

This style guide is currently being vetted by the IBM front-end development team. Comments, questions and changes can be provided in the InVision project, or they can be discussed during the bi-monthlyGUI Design work group calls.