Design Guidelines & Resources
A collection of design contribution guidelines and resources for Sniffnet.
All participating designers are highly encouraged to shape and evolve these guidelines!
👋 Welcome
Sniffnet is an application to make Internet traffic analysis easily understandable to the vast majority of people, even if they are not networking expert.
Although, at the same time, Sniffnet tries to convey information that can be useful to effectively monitor the network traffic, with many additional functionalities planned for the future releases.
📖 Table of contents
- 👋 Welcome
- 📖 Table of contents
- 🚢 How to contribute design
- 🚀 Our Main Product
- 💅 Design relevant materials
- 🎓 License
🚢 How to contribute design
- Check out open issues here on GitHub (we label them with
design: 💅required) - Feel free to open an issue on your own if you find something you would like to contribute to the project and use the
design: 💡idealabel for it. - Clone the public Figma files if available or create new ones and share them publicly
- Add your contributions to an issue and I promise I will review your contribution carefully and foster discussions
We encourage you to:
- Get in touch with me by starting a discussion on GitHub.
- Check out our Contributor Guide and Code of Conduct
🚀 Our Main Product
Sniffnet can be downloaded here
Target audience
All users with a decent amount of technological knowledge. Typical users' age ranges from 16 to 60.
Design files
Since I do not have a design team at hand – most of my product does not have any Design files and you'll be forced to browse through the product itself and propose improvements.
💅 Design relevant materials
Here is a list of design relevant information and materials:
Fonts
I'm using Couries Sans for everything except for the chart, for which I'm using notosans. The fonts I used can be found here.
Colors
For info on the used RGB colors, I suggest you to give a look at the file style.rs
Logos
You can find a set of logos here
🎓 License
MIT or APACHE 2.0 at your choice.