When Evan showed me his new website, my attention was caught by the logo created by Evan. I told him that he did a great job with the logo: I find it impressive that someone without special designer training can come up with such a good concept.

I could not stop thinking about these two letters and here is the result: my new monogram and a few more things.

Table of contents:

• EG - individual two letter monogram
• Front-end motive. Monogram
• 3D motive. Website front page
• Front page BG animation

EG - individual two letter monogram

First of all, I wanted to group the two letters in a way they share one central line. This was accomplished by flipping horizontally the letter E. Now the two letters share the central line.

Also, I wanted them to perfectly fill the square that the letters form.

Study

Front-end motive

The idea to incorporate the Self-Closing Tag into the symbol flows from the fact that Evan is a front-end developer focusing on the development with React framework.

In JSX, <MyComponent /> alone is perfectly valid. All tags must be closed, either with the self-closing format or with a corresponding closing tag - </MyComponent>. Every React component can be self-closing: <div />. <div></div> is also an equivalent.

Thus the symbol meets another formatting rule.

The final logo

Front-end storm

Personalized iMac wallpaper

3D motive. Website front page

Front page design. Desktop & mobile

Warm and realistic example.

Front page intro animation

Sketch of the animation scenario.

Front page BG animation

August 09

On hover logo animation

JPG sequence controlled with CSS. August 15