.design

Design Guidelines & Resources

A collection of design contribution guidelines and resources for contribute.design.

Table of contents

• Table of contents
• Our design process
• Architecture + Flow diagrams
  • Flow diagrams
• Product Design
• Materials
  • Logos, Badges, FavIcons

Our design process

1. We tend to mark issues with a design:required label for everything where we love design input
2. Feel free to create issues on ANYTHING that you feel is relevant (can't be too crazy) with a design:input label
3. We groom through the issues and work asynchronously on them – providing relevant materials for discussion right in the issues.
4. Depending on the issue we implement it on a branch (which create a preview environment) and mark it as design:review
5. Once reviewed we will merge and deploy it to production

Architecture + Flow diagrams

Flow diagrams

/api/shield/<org>/<prpject> endpoint https://www.figma.com/file/0TyptXIxXyxiNmzAqZjNkc/architecture?node-id=3%3A197

ClopudFlare worker for scraping projects We're using this worker to transition projects from "initially requested via Badge" to "is in our DB" https://www.figma.com/file/0TyptXIxXyxiNmzAqZjNkc/architecture?node-id=3%3A198

Product Design

Figma files: https://www.figma.com/design/92uqxuUHMbTpBPPXMWE0QA/contribute.design?node-id=89-1626&t=YXwD76yzBQUT8uhH-1

Materials

Logos, Badges, FavIcons

https://www.figma.com/design/LFvXQCSISBgHNASrW6Z4fN/assets?node-id=1-110