Skip to content

Say Hi to Unione Sportiva Asiago's Design System. A new way to communicate: simple and accessible, for everyone.

License

Notifications You must be signed in to change notification settings

Unione-Sportiva-Asiago/US-Asiago-Design-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dive into the Unione Sportiva Asiago's Design System 🚀

⚠ PLEASE NOTE: We've released v. 1.0.0-alpha. This means that our Design System is not stable at the moment. 🙌

Hi! We are the team behind the website and the design sistem of the Unione Sportiva Asiago. In this repository you will find all the documentation that we've used to style and build our new website, together with the Design System. 🙌

For more information about the licence and the documents we've taken ideas from, please refer to Licensing and attributions section.

If you hate GitHub, hold tight! In the next months we'll publish these guidelines on our website! 🤞

Introduction

When we started design our new website, we asked ourselves: "Is it possible to build a product that embodies our soul, while being modern and simple to use?" That's why we started from scratch and decided to create our own Design System on which the website would be based.

Having a Design System is a key part of building a website, since it:

  • Helps maintaining consistency throughout the entire project
  • Gives us guidelines to follow when thinking of new digital interfaces
  • Makes us uniquely recognizable out there in the world

How did we build Unione Sportiva Asiago's Design System?

  1. We started by analizing the story of our club and we searched for the right colour palette, the one that could help us communicate efficenty our goals and our story. So we opened our wardrobe and looked at our beautiful jacket, made with these beautiful colours:

#0679CC #FAA916 #A61C3C

  1. Then we've added some complementary colours that goes along well with the other ones, red and yellow particularly:

#222E50 #007991 #C5FFFD

  1. Finally, we closed the PC and went for a ski with the whole team. It's then that we found out that we wanted to convey the uniqueness of every athlete and the sense of family that you can find when you're part of the Team USA. So we've added some shapes - some with sharp angles and some with round corners - to express these last particulars.

The result? A unique and distinctive Design System that mix together our centenary story and today's reality in the team. Something that wants to express the way you will feel if you come ski with us.

The components parts of the Design System

⚠️ We're applying the last finishes to our Design System. Come check back in a few days!

Licensing and attributions

These guidelines were built by taking some inspiration from other great projects. We want to be as transparent as possible by mentioning the work made by others:

  • The Carbon Design System by IBM, the open source Design System adopted by the technological company IBM across their websites and services.
  • The Country's Design System developed by Designers Italia, an ambitious project from AGiD and the DTD, the Italian Department for Digital Transition, which aim is to develop better interfaces for digital public services of the future.
  • Sirio, @INPS-it's Design System which is the basis for the new INPS website. INPS, Istituto Nazionale di Previdenza Sociale, is the government's entity that distributes all the government's bonuses and a range of different services, and it's website is one of the most visited in Italy.

This repository and its content are licensed under CC BY-SA 4.0 (Attribution-ShareAlike 4.0 International) license. This means that:

  • You must mention the owner of the repository (Unione Sportiva Asiago)
  • You can make adaptations of the work and use it for commercial purposes, but you must use the same terms (CC BY-SA 4.0)

Unione Sportiva Asiago's commitment to inclusion, diversity and accessibility

Here, at the Digital Team and in the whole club, we want to let everyone join our family. That's why our website will comply with the regulations in matter of accessibility. Also, we'll try to use a neutral language to be as inclusive as possible in our communications - personal or general: that's why we encourage you to specify your pronouns when reaching us. 🙌

Wherever you are in the world, we want to let you know that this is a safe place for you. Freedom is whithin you.

About

Say Hi to Unione Sportiva Asiago's Design System. A new way to communicate: simple and accessible, for everyone.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published