Open chalimar opened 4 years ago
In Progress:
Resources: Compliance Checklist WCAG
Still in process. Some desktop screens are still being stylized to meet contrast and font size standards.
@mealthebear @chalimar @ayusheeaithal to discuss grid system and breakpoint definitions for developers
@ExperimentsInHonesty and @chalimar to discuss #141 and #87
I currently have a WIP of a new type system for desktop screens based on what was gathered from the Figma file and a combination of recommended sizing from material.io.
1/10/21
Currently testing new font sizes in all screen sizes (mobile still pending). Also defining padding within container spaces and spacers in style guide.
1/14/21 Met with the HfLA UI/UX community for best practices for style guide development. I'm currently looking at best practices and standards within various design systems. Below are screenshots of my WIP.
1/17/2021
1:Progress: Still incorporating styling, grid and component usage for the CTI. 2:Blocks: Need to continue adding finalized elements to the design system. 3:Availability: Will be traveling out of state to Montana, will be back after 1/23. Reachable on Slack when I have internet. 4 ETA: On going process, aiming for a solid system by the end of February once reviewed and approved.
1/24/2021
1:Progress: I have not been able to work on the Figma file while out of town. 2:Blocks: None, just time and availability to add onto the system. 3:Availability: Will make time after today's meeting to add onto the file. 4 ETA: On going process, aiming for a solid system by the end of February once reviewed and approved.
Currently working on site layout and margins. Next step for this would be gathering all of the iconography and components and listing where and how they are used.
1/31/2021 Update
More pages have been created. Currently gathering all existing components and their usage into this document.
2/4/2021
Currently undergoing site audit for UI components. List can be viewed here.
The design system will evolve as we refine our content, but this will help ensure that we have at least MVP components created.
Currently reviewing comment left by @kevinashworth
Question: Should I now redo the wireframes to match 600, 960 and 1280 pixel width?
@chalimar will finalize columns before Sunday
@chalimar will finalize columns before Sunday
Layouts using 1280 (12), 960 (6) and 600 (4) width for review.
3.4.21 Been a busy week, have not worked on my issue. Sorry!
still working on gathering components and documentation.
@chalimar What portions are left and how can we help you to finish this? If there is any part that we can break out for others to work on, please let Product know.
Still pending on my end. I need to go through my components checklist and ensure all the elements I have noted are added at the very least.
WIll have a more accurate update for sunday.
Still gathering all components and placing documentation with usage.
Components checklist can be viewed here
@chalimar and @meismith We need to add a Modal as UI design component as well.
Added in some additional components (we're about 80% done).
Need to create an inventory of any new components from updated pages after this. (Index Contributors, organizations, etc).
7.1.21
On-going work on the design system. I am trying to wrap it up and create an interactive ToC that will lead all designers to the appropriate reference.
Reviewing design file again to gather remaining components for documentation and current MVP styling.
@chalimar Reference: HFLA's Design System
Need a check so we can confirm all design changes now and in the future are made in line with the Design System. We can make a new issue about this and make a check-list that can be added to the comments to make this process seamless in the future.
Edit: Added to Issue's Action Items so hiding for duplicate
Please build a design system for the UI components used for the website.
Find a free Figma template to reuse.
Related Issues
1152
1144
1033
993
828
711
673
195
178
125
82
1122