Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Clear / cleared icon request #2522

Open
4 tasks
fredvisser opened this issue Jan 28, 2025 · 1 comment
Open
4 tasks

Clear / cleared icon request #2522

fredvisser opened this issue Jan 28, 2025 · 1 comment
Assignees
Labels
icon request Visual design request for icons visual design Visual design work item

Comments

@fredvisser
Copy link
Contributor

🎨 Icon Request

📌 Request Background

Alarms UI uses icon + label to describe alarm state, and needs icons to accompany Clear and Cleared.

Image

🧪 Research

SLS doesn't use an icon for the normal/clear state:

Image

…but we tend to use a Check for most positive statuses, so a broom icon doesn't feel like it fits SLE.

🥅 Acceptance Criteria

  • Icon name approved by PO and owners
  • Icon reviewed by design team
  • Icon available in Nimble_Iconography (link)
  • Icon published in Nimble Storybook (link)
@fredvisser fredvisser added icon request Visual design request for icons triage New issue that needs to be reviewed visual design Visual design work item labels Jan 28, 2025
@fredvisser fredvisser changed the title Clear / Force clear icon request Clear / cleared icon request Jan 28, 2025
@m-akinc m-akinc removed the triage New issue that needs to be reviewed label Jan 30, 2025
@NIbokeefe
Copy link

The current set of icons listed below were not ideal for alarm status. These icons all would benefit from a less generic approach.

  • Error icon for set,
  • Warning icon for cleared
  • Success-check for acknowledged

I looked into the most common metaphors for clear. Then narrowed down to options that made sense in the context of an alarm status. I provided a few recommendations for series of icons to create a cohesive set.

Working with Fred, we narrowed down to example "A" in the attached image.

Image

@NIbokeefe NIbokeefe moved this from In Progress to Done in Nimble Design System Priorities Feb 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
icon request Visual design request for icons visual design Visual design work item
Projects
Development

No branches or pull requests

3 participants