Dec 31, 2022 14:00:00

Site 'Semblance: a frontend design quiz' where basic knowledge of web design is asked in quiz format

In recent years, websites with various designs are spreading on the Internet. 12 quizzes measuring the ability to notice pixel-by-pixel changes in such web design are summarized in ' Semblance: a frontend design quiz '.

Semblance: A Frontend Design Quiz — Kapwing

https://www.kapwing.com/semblance

Question 1: Which color is pure blue corresponding to '#0000FF'?

When you are presented with a question, choose an option from A to D that you think is the correct answer, then click 'Submit Answer.'

A correct or incorrect answer will be displayed.

Question 2: Which element has a 5-pixel rounded corner?

Question 3: Which text is ' Helvetica ' in the most popular font ?

Question 4: Which is the correct color for the Google logo?

Question 5: Which quadrilateral is a square?

Question 6: Which image has a 9:16 ratio?

Question 7: Which one has a

transition effect time of 200ms when hovered over and clicked ?

Question 8: Which image has 50% opacity?

Question 9: Which element has a 10 pixel border?

Question 10: Which image is more saturated than the sample image above?

Question 11: Which circle is perfectly centered in the square?

Question 12: Which elements do not meet the

Web Content Accessibility Guidelines with a contrast ratio of 4.5:1 ? i.e. which has the lowest contrast between background and text?

If you answer all 12 questions, your score will be displayed. This time, 8 out of 12 questions were correct, and the correct answer rate was 66%.

'Semblance: a frontend design quiz' is open to the public for free, and anyone can try it, so if you want to know the correct answer, please try it.