Guidelines : layout patterns for cupcake website

carbon-design-system / carbon-for-ibm-dotcom

Carbon for IBM.com is based on the Carbon Design System for IBM

https://www.ibm.com/standards/carbon/

Apache License 2.0

264 stars 157 forks source link

Guidelines : layout patterns for cupcake website #191

Closed jeffchew closed 4 years ago

jeffchew commented 4 years ago

LARAHANL created the following on Nov 27:

User story

As an adopter I need to see examples of good layout design so that I can create a strong user flow and page narrative.

Notes

Some work in the past are found in Box

An example of what this may look like is captured here

Acceptance criteria

[ ] Provide a set of layout options
[ ] Each option should have high level intent and usage mappings (this band is recommended for long reading)
[ ] Provide some examples of each
[ ] update 2x grid layout patterns page

Original issue: https://github.ibm.com/webstandards/digital-design/issues/339

jeffchew commented 4 years ago

On Nov 27, LARAHANL commented: https://www.ibm.com/standards/web/design-guidelines/layout-patterns.html

jeffchew commented 4 years ago

On Jan 07, LARAHANL commented: @chsanche here's something you might want to jump in on. There is no current milestone but this page needs some redesign love https://www.ibm.com/standards/web/design-guidelines/layout.html

Initial thoughts from @Wonil-Suh1 : how can we make this more expressive and exciting? Can we show new examples? Can we improve the layout of this page?

jeffchew commented 4 years ago

On Feb 01, LARAHANL commented: Things to consider:

[ ] recommended top spacing
[ ] recommended bottom spacing
[ ] text placement options
[ ] some common layout options (4-4-4-4, 2-6-6-2, 6-6, etc)
[ ] common type hierarchy options
[ ] examples and inspirations
[ ] DOs and DON'Ts

jeffchew commented 4 years ago

On Apr 10, LARAHANL commented: @Wonil-Suh1 here's the Epic I created earlier this year for layout patterns.

We could keep this as an epic and create user stories for each task
or we remove the epic and only focus on individuals issues

jeffchew commented 4 years ago

On Apr 11, Wonil-Suh1 commented: @LARAHANL I think we should keep this for now, until we have a good number of patterns. Then we can close this epic and open new issues per case basis. What do you think?

jeffchew commented 4 years ago

On Apr 18, Wonil-Suh1 commented: An idea for interactive pattern preview component (moving from https://github.com/carbon-design-system/ibm-dotcom-library/issues/191):

5ca76780-5a4c-11e9-86db-a348d7aa82a0

jeffchew commented 4 years ago

On Aug 04, Wonil-Suh1 commented: Let's make this a bit detached from use cases, and focus on layout options based on grid usage, intent (reading, transactional, level of details, placement on the page).

jeffchew commented 4 years ago

On Aug 06, Wonil-Suh1 commented: Per discussion, changing this story to guidelines on cupcake.

stale[bot] commented 4 years ago

We've marked this issue as stale because there hasn't been any activity for 30 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

larahanlon2 commented 4 years ago

Closing this epic. It is old and the guidelines for layout patterns v1 are live: https://ibm-dotcom-library.mybluemix.net/patterns