sniffnet/.design

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 empower everyone with a tool to comfortably monitor their Internet traffic.

The main pillar of Sniffnet is to represent in a straightforward way concepts that are usually considered advanced: for this reason implementing an optimal UI for the application is crucially important.

📖 Table of contents

• 👋 Welcome
• 📖 Table of contents
• 🚢 How to contribute design
• 🚀 Our Main Product
  • Target audience
  • Design files
• 💅 Design relevant materials
  • Fonts
  • Colors
  • Logos
• 🎓 License

🚢 How to contribute design

1. Check out open design issues here on GitHub (we label them with the design label).
2. 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 label for it.
3. Add your ideas to an issue, and I promise I will review your contribution carefully and foster discussions.

I encourage you to:

• Get in touch with me by starting a discussion on GitHub.
• Check out the Contributor Guide and Code of Conduct.

🚀 The Main Product

Sniffnet can be downloaded from here.

Target audience

All users with a decent amount of technological knowledge.

Design files

Since I do not have a design team at hand most of the 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

Sniffnet uses Sarasa Gothic mono. The fonts used can be found here.

Colors and components

For info on the used RGB colors as well as the UI components, I suggest you to give a look at the files in the styles folder.

Logos

You can find a set of logos here.

🎓 License

MIT or APACHE 2.0 at your choice.

(Back to top)