couchdb-design mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Garren Smith <>
Subject Re: Style Guide for Fauxton
Date Wed, 11 May 2016 15:49:39 GMT
Hi Justin,

That looks great and is really helpful. What do you think about building
out a style guide/component library based off of that

Since we use React now we can build consistent components that could then
be used to build larger parts of the application.


On Wednesday, 11 May 2016, Justin McDavid <> wrote:

>  Hi there,
> I'm a designer at IBM, and have been working with the Cloudant development
> team to design the UI of new features and improve the existing dashboards
> for both Cloudant and CouchDB.
> I've been working on a style guide to standardize many of the
> controls/interactions in Fauxton. I'm hoping to get feedback on the current
> working version (the styles themselves, as well as what the guide should
> include).
> I've included color values for many Fauxton components (buttons, tabs,
> icons, navigation bars, etc.), with hover states and disabled states for
> many of the elements.  Standardizing many of these elements will make the
> dashboards much more intuitive to use, and will make future dashboard
> development easier-- if there's a guide that can cover for certain design
> decisions.
> I'd like to incorporate some style rules for text and text strings,
> icon-usage (when to include it within a button, and when not to), patterns
> for modals, form structure, etc. But I'd like to hear what You would like
> covered by a Fauxton style guide.
> Please let me know what you think of the guide, and what else you might
> like to see it include.
> Style Guide:
> Thanks,
> Justin McDavid
> UX Research & Design Lead - IBM Cloudant

  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message