Repository navigation
Create a Guide/Template: Responsible use of images on HfLA websites #105
Description
Overview
We need a guide for image use on our open source projects so that we can ensure legal compliance, meet accessibility standards, and follow best practices for storage, attribution, and formatting. This will also help streamline contributions by developers and designers across HfLA projects.
Action Items
The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labeled 'Tasks' at the bottom of this issue, and complete each task listed.
- Gather Examples Solo
- Gather Examples Collaboratively
- Create a Guide Draft
- If needed, create a template
- Have your guide peer reviewed
- Present your guide for leadership review
Resources/Instructions
- Google Drive Folder – 0105 [DRAFT] Responsible use of images on HfLA websites
- Draft Guide – Responsible use of images on HfLA websites
- Image Use on Websites Guide (New format)
- Recommended image vendors:
- Unsplash
- Pexels
- The Noun Project
- Font Awesome
- Creative Commons search
- Reference folder: Hack for LA Social Media Icons (may be outdated; verify with HfLA website repo)
- Consider guidance for:
- How to find images
- Proper attribution
- Storage standards
- Accepted formats
- Sizing and optimization best practices
- HfLA Credits Page
- Wiki
Projects to Check
- Hack for LA Websites
- UI/UX components that use images
- Accessibility & compliance resources
- Past marketing & social media design guides
Tasks
- Copy task instructions from each wiki phase above as you're working on it.
- Create a page mockup (assigned to UI/UX)
- Discuss and assign to HfLA developers + designers for review
- Open a feedback issue on UI/UX CoP repo
- Update the Guide Tracking Sheet with this issue
Activity
[-]Create a guide for to using images on HfLA websites[/-][+]Create a guide to using images on HfLA websites[/+][-]Create a guide to using images on HfLA websites[/-][+]Create a guide: Responsible use of images on HfLA websites[/+]ahdithebomb commentedon Jan 16, 2021
ahdithebomb commentedon Jan 16, 2021
ahdithebomb commentedon Jan 24, 2021
ahdithebomb commentedon Jan 27, 2021
ahdithebomb commentedon Jan 31, 2021
ahdithebomb commentedon Feb 7, 2021
ahdithebomb commentedon Feb 14, 2021
ahdithebomb commentedon Feb 21, 2021
48 remaining items
yashhR commentedon May 9, 2025
Prior version of issue
Overview
We need a guide for image use on on our open source projects so that we can be in compliance and use best practices.
Action Items
Resources/Instructions
Google Drive Folder for this Guide’s documents and shortcuts (to documents in other locations) 0105 [DRAFT] Responsible use of images on HfLA websites
Draft Guide Guide: Responsible use of images on HfLA websites
Image Use on Websites Guide (New format)
Image vendors
Folder Hack for LA Social Media Icons - might be outdated, should probably pull from HfLA website repo instead.
Credits page
Wiki
yashhR commentedon May 9, 2025
Assignee, Labels, Project Board Placement, and Milestones for this issue in the Design and Product Repo:
!