halstack-react icon indicating copy to clipboard operation
halstack-react copied to clipboard

Define iconography guidelines/libraries

Open jsardid opened this issue 4 years ago • 2 comments

Effort

Iconography is one of the core pillars of the design language within a system (apart from color, typography, layout, or illustration).

  • Research different approaches to define our icon assets (appearance, visual weight, sizing scale, etc...)
  • Define a base list where to start exploring visual representation (application UI, business oriented). What elements do we need to build any generic UI?
  • Define the way icons are going to be living inside the library, and the way to consume them.
  • Illustrate and test consistency between icon sets. Iterate to reach a first version of a basic set.
  • Document guidelines about icon usage and how to match the coherence if a third-party asset needs to be used.
  • Implement and test the library in the CDKs.

Impact

  • End customer: Improvements in the perception of visual coherence between application iconography sets.
  • Product teams: Easy to access assets and guidelines

Related tasks

  • [ ] https://github.com/dxc-technology/halstack-style-guide/issues/709

jsardid avatar Nov 22 '21 16:11 jsardid

This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed.

github-actions[bot] avatar Feb 16 '24 01:02 github-actions[bot]

This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed.

github-actions[bot] avatar Mar 07 '24 01:03 github-actions[bot]

This epic has been recently resolved with the new icons approach and documentation page on the Halstack site: https://developer.dxc.com/halstack/next/principles/iconography/.

GomezIvann avatar Jul 12 '24 11:07 GomezIvann