#2 Study | Copy | Google Interface
Hello Dribbblers!
Today I want to share with you my second study about copy interfaces.
In this study I copied a Google Interface with a Dribbble searched.
What did I learn by copying a Google interface?
1 - 12 icons were used, all in .svg
2 - The logo is .png
3 - A total of 13 colors were used:
Black and white text:
#DDDDDD
# 70757A
# 5F6368
# 4D5156
# 222222
# 202124
Featured text:
Blue - # 1A73E8
Dark Blue - # 1A0BAD
Purple - # 660099
Google logo:
Red - # EA4335
Yellow - # FBBC04
Blue - # 4285F4
Green - # 34A853
4) Font: Arial Family (Regular and Bold).
5 typography sizes were used:
- 30px (big title "Dribbble" under the images)
- 20px (titles)
- 14 px (paragraph) with 6 paragraph spacing
- 13 px (navigation menu and search result)
- 12px (feedback)
5) GRID:
A grid with 24 columns and 12 Gutter worked well.