wecodemore / WordPress-Gear

A bunch of gear for WP developers
http://wpgear.org/
452 stars 166 forks source link

Design Proposal #143

Open hofmannsven opened 7 years ago

hofmannsven commented 7 years ago

In an effort to rework the design of WPGear.org I am submitting some sketches and ideas for public review and further discussion.

I'd like to keep the font of the logo (Font: Copse) as well as the primary color (Red: #d54e21) associated with a new color (Dark Blue: #3b596a). In reference to WordPress all icons are taken from the Dashicons iconfont.

WPGear Intro

For each section, plugins are displayed as cards together with the important metadata of the plugin.

WPGear Cards

More advanced users can search/filter the cards to display metadata necessary for developers.

WPGear User Interaction

Plugins with lot's of extensions can be grouped as collections for a clean visual structure. Moreover, there are elements (suggest and edit) to increase participation and up-to-dateness of the information on the site.

WPGear Collections

schlessera commented 7 years ago

When a card is extended to display the additional information, how does the card (and row) directly below behave?

franz-josef-kaiser commented 7 years ago

@schlessera This is meant as initial issue. We can split things up in different sub-issues and discuss specifics there. Things we could discuss here: Fonts, Colors, Grids and other, more general aspects. Works for you?