Askme
The
Project
Askme is a school project that was done by a group of three students. The goal was to create a website to help students in their studies.
As part of this project, we developed the Askme promotional website, which outlines our values and future features for Askme.
Design &
logo
For the logo, we chose to use the first letter of the project name to make a typographic logo. The first logo was a B because the project was originally called Blumee, but after further reflection we decided to change the name and thus the logo.
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, bright blue is a vibrant, eye-catching color that can convey a sense of confidence and professionalism. It is often used to draw attention to important elements and create a dynamic atmosphere. Soft clear blue is a calming color that can give a sense of tranquility and calm.
Black and white are classic and timeless colors that can give an impression of professionalism. They are often used for running text, as it is easy to read and creates a strong visual contrast with the background.
Overall, the combination of these colors creates a harmonious and effective visual balance for your website.
Primary
Color
Dark Blue
#3316E3
Secondary
Color
black
#000000
Secondary
Color
White
#FFFFFF
Secondary
Color
Clear Blue
#77D1D7
Secondary
Color
Grey
#F6F6F6
tools
used
To create the landing page, some technical constraints were imposed. It was imperative to use Figma software to model and set up a model of the site but it was also necessary to use the HTML markup language for the hierarchization of elements but also CSS language to style the page in accordance with the model.
Figma was used to make the layout of the website
Figma
HTML was used the language used to hierarchize the elements of the website
html
CSS was used to give a unique style to the website
css