Teen Game

client:

Teen Game

description:

In the summer of 2011, I wrote and published the first book on teenage social dynamics. It was sparked by an immense online community of driven teens that I helped in early 2009. After years of stagnation, I decided to revisit the project: editting the copy and giving it a new life online—free for anyone to read.

date:

Ongoing

work:

Logo design, editorial design, graphic design, web design

Logo

I designed the logo as a combination of a heart and the yin-yang symbol—Teen Game’s old logo. This combination reflects the purpose one might have for reading the book; their heart feels incomplete, seeking balance.

I placed a strong emphasis on equal spacing and parallel elements when designing the logo. The logo’s clean geometry and flat aesthetic firmly place it on the page.

Color

The two main colors used are red and grey. The red is deep, making it legible against any shade of grey—important when designing logos and books alike. The dark grey in which I set the body copy is soft on the eyes while maintaining high legibility, a needed balance when setting long-form copy in additive color (on the screen).


PRIMARY

SECONDARY

Typography

When designing a book for a life online, it is important to maintain strong legibility. To accomplish this, I selected a body typeface with regular contrast and a large x-height, sharply contrasted color, and kept the blocks of text thin by using various percentages of the page (based on device size).


Lato—Logo and headers

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789@#$%*&(!,.;:?)


FF More Pro—Content

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789@#$%*&(!,.;:?)


Web design & dev

Readability on the web often poses a major problem for long-form publications. To solve this potential issue, I sharply contrasted color, and kept the blocks of text thin by using various percentages of the page as margins (based on device size).