Semblance logo
Semblance
Results:
0 / 12

Semblance: a frontend design quiz

Try this fun, online quiz to test your ability to notice pixel perfect changes in frontend web design. Earn a point for each correct answer on the first try. Scroll down to try all 12 questions. Refresh the page to start from scratch.

Which color is #0000FF, or pure blue?
A
B
C
D
A
B
C
D
Submit Answer
Which element has a border-radius (rounded corners) of 5 pixels?
A
B
C
D
A
B
C
D
Submit Answer
Which text is Helvetica, the most popular font?
A
Kapwing is a popular online video editor and content creation platform used by millions of creators around the world. THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG. The five boxing wizards jump quickly. 1234567890.
B
Kapwing is a popular online video editor and content creation platform used by millions of creators around the world. THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG. The five boxing wizards jump quickly. 1234567890.
C
Kapwing is a popular online video editor and content creation platform used by millions of creators around the world. THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG. The five boxing wizards jump quickly. 1234567890.
D
Kapwing is a popular online video editor and content creation platform used by millions of creators around the world. THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG. The five boxing wizards jump quickly. 1234567890.
A
B
C
D
Submit Answer
Which Google logo has the correct colors?
A
Google Logo
B
Google Logo
C
Google Logo
D
Google Logo
A
B
C
D
Submit Answer
Which rectangle is a square?
A
B
C
D
A
B
C
D
Submit Answer
Which image has a 9:16 ratio?
A
9:16 Sample
B
9:16 Sample
C
9:16 Sample
D
9:16 Sample
A
B
C
D
Submit Answer
Hover over and click the elements below. Which one has a transition time of 200ms?
A
B
C
D
A
B
C
D
Submit Answer
Which element is black with 50% opacity?
A
B
C
D
A
B
C
D
Submit Answer
Which element has a border of 10 pixels?
A
B
C
D
A
B
C
D
Submit Answer
Here's a sample image. Which option has increased saturation?
Original sample
A
Choice A
B
Choice B
C
Choice C
D
Choice D
A
B
C
D
Submit Answer
Which circle is perfectly centered in its container?
A
B
C
D
A
B
C
D
Submit Answer
Which one of these elements does NOT meet the Web Content Accessibility Guidelines for a 4.5:1 contrast ratio? In other words, which one has the least contrast between background and text?
A
The greatest glory in living lies not in never falling, but in rising every time we fall. - Nelson Mandela
B
The way to get started is to quit talking and begin doing. - Walt Disney
C
Life is what happens when you're busy making other plans. - John Lennon
D
Do not go where the path may lead, go instead where there is no path and leave a trail. - Ralph Waldo Emerson
A
B
C
D
Submit Answer
You scored
0%
You got 0 questions right on your first try for a total of 0%. That's not great, but on the bright side, it can only go up from here!

Thanks for playing!

We made Semblance just for fun to test ourselves and our designer friends. If you liked it, please share it with your friends! And if you're interested in content creation and video editing, check out all of our tools, including the video editor, subtitle editor, and much more.