OpenBMC GUI Style Guide proposal

[susan jasinski]

One of the topics from the GUI Design workgroup is how the GUI style guide
is shared with the whole community. The attendees agreed that we should get
feedback from the broader community on the proposal to make the guide more
"open".


To start with, the purpose of the guide is not to replace the bootstrap
library. Instead, this guide will help front-end designers and developers
provide consistent patterns, behaviors, and interactions such as colors,
form and validation behaviors, accessibility interactions, terminology,
animations, etc.


Today, the first version of the style guide is shared as a series of
flattened images (png). And the source files are not easily accessible to
the community https://ibm.invisionapp.com/share/EBNYECMH3Y2.


I am proposing to build a website served through Github Pages. This would
allow users to easily find and navigate to the information they need. It
also allows users to interact with the content.  An example of this can be
found here: https://bradfrost.github.io/style-guide-guide/.


With this solution, the code will be stored in a style guide repo allowing
for the community to provide feedback using Github issues, as well as the
ability to make changes using the standard development process.


A Github issue has been created to track feedback on this topic. Please
post your feedback here:
https://github.com/openbmc/phosphor-webui/issues/41


Thank you in advance for your feedback -- Susan Jasinski
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ozlabs.org/pipermail/openbmc/attachments/20181113/5d105390/attachment-0001.html>