-
Notifications
You must be signed in to change notification settings - Fork 1
/
design.php
148 lines (125 loc) · 4.73 KB
/
design.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<?php include "header.php";?>
<div id = "container">
<div class="scroll-gallery_container xrow">
<div class="scroll-gallery_text">
<div class="title">
<div class="title-main">
Branding: Visual Design
</div>
<div class="title-info">
Procreate, Illustrator, PhotoShop, 2016
</div>
</div>
<div class="description">
<article>
<!--<input type="checkbox" id="read_more" role="button">
<label for="read_more" onclick""><span>Show More</span><span>Show Less</span></label>
<section>-->
<p>Here are a few branding projects.
Click into any of them for more of my ideas and process behind the project!</p>
<!--</section>-->
</article>
</div>
</div>
<div class="scroll-gallery_art">
<ul>
<!-- Rolo GitHub -->
<li>
<a class="toggle-description" id="lord-logo0">
<img class="img_hover" src="img/design/lord-logo.png" height="100%" border="0" />
</a>
</li>
<li>
<div class="art-description" id="lord-logo">
<div class="title">
<div class="title-main">
Robert Lord GitHub Icon
</div>
<div class="title-info">
ProCreate<br>
2016
</div>
</div>
<p>I digitally painted this icon head for programmer
<a href="https://github.com/lord">Robert Lord</a>'s
GitHub profile.<sup><a href="#fn1" id="ref1">1</a></sup>
</p>
<p>I started by digitally painting a complete image
of his face
based on a photograph. We then experimented with
different styles and methods of portraying his face,
and eventually
decided to keep the logo simple and straightforward,
keeping his hair and glasses as his personal iconic features.</p>
<hr></hr>
<sup id="fn1">1. The profile picture was recently changed
for fear of appearing too scary.
Clearly he doesn't appreciate good art,
but I will respect his decision nonetheless.
<a href="#ref1" title="Jump back to footnote 1 in the text.">↩</a>
</sup>
</div>
</li>
<!-- Carleton College penguin -->
<li>
<a class="toggle-description" id="carleton-penguin0">
<img class="img_hover" src="img/digital-art/carletoncollege-penguin.jpg" height="100%" border="0" />
</a>
</li>
<li>
<div class="art-description" id="carleton-penguin">
<div class="title">
<div class="title-main">
Carleton College Penguin
</div>
<div class="title-info">
ProCreate<br>
2016
</div>
</div>
<p>I've always thought
that our mascot shouldn't have been the knight, but rather, the penguin.
It seems more fitting, as it resembles the stereotypical Carl:
awkward, and often found in frozen
tundras.</p>
</div>
</li>
<!-- Moon Lite Bites -->
<li>
<a class="toggle-description" id="mlb-orange0">
<img class="img_hover" src="img/design/logo_orangemoon1.png" height="100%" border="0" />
</a>
</li>
<li>
<div class="art-description" id="mlb-orange">
<div class="title">
<div class="title-main">
Moon Lite Bites
</div>
<div class="title-info">
ProCreate, PhotoShop<br>
2016
</div>
</div>
<p>My college friend and roommate Michelle Mastrianni and I recently
moved into Minneapolis together, and had a crazy idea to start
a late-night food delivery business — for college students with
dietary restrictions or those who wanted healthy alternatives
to the usual late-night greasy pizza snack.</p>
<p>We decided on the name Moon Lite Bites, and here were some
logo/brand designs I came up with. We're targetting
a young audience, so I decided to create a youthful
playful feel, with a simple logo and handwritten typography.
I experimented with different color schemes, but we ended up
choosing a dark sky background with the yellow/orange curve
to allude to the night sky (and also healthy fruits — I like that
the shape resembles a banana or peach as well.)</p>
</div>
</li>
<li><img class="img_hover" src="img/design/logos_yellowbg.png" height="100%" border="0" /></li>
<li><img class="img_hover" src="img/design/logo_yellowmoon.png" height="100%" border="0" /></li>
</ul>
</div>
</div>
</div>
<?php include "footer.php"; ?>