Style Guide
Visual Direction
The layout is built from overlapping blocks rather than a simple split between text and image. The yellow area creates a strong counterweight to the product image, while the vertical type helps balance the right side. Bringing colour, typography and imagery into the same structure keeps the page lively without making it feel messy.
Typography
PP Editorial New
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890&#$€%@!?*
PP Editorial Sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890&#$€%@!?*
Color
#1A1A1A
#DAAC45
#EEDAAA
#FBF6EA
Grid
Columns
12 x 8
Gutter
20 px
Margin
40 px
