Unicycle
school project
The
Project
Unicycle is a project focused on the bike commuting. The goal was to create a communication strategy around this topic while integrating a website.
Design &
logo
The design of the logo is quite simple, there is a road that represents the paths used when you are cycling and at the end, the horizon.
Font &
Typography
First of all, Quicksand is a modern, readable and user-friendly font. It is often used for headlines and titles because of its large size and eye-catching appearance.
On the other hand, Raleway is an elegant and professional sans-serif font. It is easy to read, even at small sizes, and its geometric structure makes it ideal for use on a website.
Together, Quicksand and Raleway offer an effective combination for a website. The combination of the two fonts makes it possible to highlight headings and titles while maintaining high readability for running text. In addition, the difference in style between the two fonts creates a visual contrast that helps structure the content of the site.
Quicksand
Regular
Medium
Bold
0123456789
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Raleway
Regular
Medium
Bold
0123456789
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Color
palette
First of all,dark green is a bright and energetic blue-green that draws attention. The neutral gray is used to add depth and texture to the website. This color is often used for body text because it is easy to read on a white background.
Pure white is a very important color for any website as it is often used as a background to highlight content and images.
Clear green is a fresh and bright green that can be used to evoke nature, growth or health. This color can be used for icons that need a touch of bright color.
By using these different colors in the website, i have created a consistent color palette that helps highlight the most important elements create a pleasant visual experience for users.
Primary
Color
Dark green
#129A8F
Secondary
Color
black
#4C4C4C
Secondary
Color
White
#FFFFFF
Secondary
Color
black
#000000
Secondary
Color
Clear Green
#6AEAA3
tools
used
To create website, some technical constraints were imposed. It was imperative to use Figma software to model and set up a model of the website but it was also necessary to use Wordpress to create the projetct but also CSS language to style the page in accordance with the model.
Figma was used to make the layout of the website
Figma
Wordpress was the CMS used to create the website
wordpress
CSS was used to give a unique style to the website
css