You are on page 1of 16

Omid Farivar SI 520 Final

Colors

R G B

39 170 225

C M Y K

70 15 0 0

R G B

35 31 32

C M Y K

0 0 0 100

R G B
Page 2 of 15

204 204 204

C M Y K

0 0 0 20

R G B

255 255 255

C M Y K

0 0 0 0

Color, Font Choices Explained


For this project, I decided to use my favorite colors in combination: a royal/sky blue with various shades of black. There is no particular color harmony associated with blue and black (monochormatic, I guess). I chose this blue because of how it contrasts with black, gray, and white. I feel it looks great paired with any of them. Fonts I used in this project include: Helvetica Neue UltraLight, Decker, and Arial Rounded MT Bold. Helvetica Neue UltraLight is a sans-serif font I used for its clean, modern look. Its used for navigation elements in the webpage, in the business card, as well as the header/footer of each of these pages. Decker is a more round sans-serif thats easy-to-read. I decided to use it in the body of the webpage. Arial Rounded MT Bold is the final font I used. Its also a sans-serif font and I used it for form headings and buttons, as well as the copyright information in the web page. As far as the logo concept goes, I wanted something that combined my first name with my last initial. Im a fan of less is more, so I tried to make something that was playful (like me!) as well as very simple. I ended up using a font I found online (Christopherhand) for the omid part, and added some brush strokes to form the d into an f as well. Im a huge fan of this blue, as aforementioned, so I also decided to add some color in there as well, by making the i in omid have a blue dot. At a very small size, I chose to just have my initials, as seen by the same d + f (unique and easy identifiable) in the logo enveloped in an O (for Omid!). Overall, Im happy with the designs and had a lot of fun doing this.

Page 3 of 15

Logotype: Scalability

5 in

3 in

1 in

0.5 in

Page 4 of 15

Free Space / Safe Area Guide

X X X X X X

Page 5 of 15

Color Conversions

Page 6 of 15

omid farivar
ux researcher omid@omidf.com 949-421-7757

Web Mockups: Home

Home

Portfolio

Resume

Contact

Ive graduated!

Yes indeed. Its over. Masters degree has been obtained!

Whos Omid?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ante dolor, aliquet quis volutpat et, ultrices fermentum mi.

Latest Post

April 27th, 2012 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ante dolor, aliquet quis volutpat et, ultrices fermentum mi. Proin aliquet orci ut metus vulputate id consectetur nisl laoreet. Pellentesque molestie porttitor sem, vel porttitor nisi tempus quis. Morbi a vulputate elit. Proin lacus leo, sollicitudin non auctor nec, vehicula vitae sem. Curabitur varius semper enim eu volutpat. Aenean congue ipsum et nulla suscipit vel mattis eros accumsan. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent odio odio, placerat at auctor et, tincidunt eget elit. Maecenas eleifend, lectus ac placerat euismod, dui est molestie orci, vitae molestie libero ligula at metus. In ac sodales dui. Nunc ligula lectus, pretium vitae pellentesque vitae, gravida id massa. Ut a velit velit, quis vulputate orci. Vestibulum ultricies pellentesque dolor, in ultricies ante dictum a. Praesent aliquam, ligula sit amet pulvinar lacinia, felis mauris ultrices erat, nec porttitor arcu lectus ac quam. Vivamus ante velit, bibendum in imperdiet non, ultricies ut magna. Maecenas accumsan ullamcorper ornare. Etiam tempor placerat rhoncus. OLDER

Omid Farivar 2012

Page 8 of 15

Web Mockups: Text Content / Form

Home

Portfolio

Resume

Contact

Ive graduated!

Yes indeed. Its over. Masters degree has been obtained!

Contact Me!

Name

Email

Comments

Submit

Reset

You could also just click one (or more!) of these buttons down here...

Omid Farivar 2012

Page 9 of 15

Whos Omid?

Omid Farivar
omidf.com

Beginnings
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet vestibulum velit. Ut vitae ante nisl. Sed nibh lorem, facilisis eget blandit nec, cursus ac risus. Mauris et mauris a dui fringilla aliquet at at purus. Nullam sem lectus, hendrerit ut fringilla et, lacinia quis urna. In nec nisl ipsum. Vivamus iaculis pharetra augue, et bibendum ligula luctus nec. Mauris condimentum volutpat sem vel varius. Morbi pellentesque fermentum purus ac porttitor. In mattis, magna at condimentum rhoncus, eros velit ornare mi, eget tempor diam massa quis odio. Donec non suscipit sem.

Work
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula facilisis dui viverra luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eleifend diam enim, et consequat turpis. Curabitur consequat, augue et vestibulum ullamcorper, quam tortor egestas arcu, at lobortis felis risus sed enim. Duis dapibus, libero sed gravida facilisis, augue justo porttitor nisi, eget congue mi ligula vel nisl. Aenean eleifend dolor quis felis bibendum eget auctor lorem faucibus. Curabitur lacus augue, pharetra.

Family/Personal Life
Pellentesque et justo augue, vel gravida nulla. Nunc ultricies suscipit venenatis. Ut risus lorem, vulputate in molestie eget, tempor et felis. Fusce placerat scelerisque dolor eu vehicula. Nullam accumsan, velit vel porta bibendum, libero tortor scelerisque arcu, lacinia mattis justo ligula a elit. Sed pellentesque convallis erat, ut convallis enim varius vel. Nulla pharetra lacus vel nibh viverra vel adipiscing tortor vestibulum. Sed purus libero, venenatis a cursus ut, gravida vitae lectus. Curabitur tempus ullamcorper pellentesque. Vivamus pellentesque feugiat.

Education
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet vestibulum velit. Ut vitae ante nisl. Sed nibh lorem, facilisis eget blandit nec, cursus ac risus. Mauris et mauris a dui fringilla aliquet at at purus. Nullam sem lectus, hendrerit ut fringilla et, lacinia quis urna. In nec nisl ipsum. Vivamus iaculis pharetra augue, et bibendum ligula luctus nec. Mauris condimentum volutpat sem vel varius. Morbi pellentesque fermentum purus ac porttitor. In mattis.

Hobbies
Integer eu odio eu sem rhoncus sagittis. Nullam rhoncus condimentum turpis, eget sollicitudin magna cursus et. Nullam ut odio at nisl tristique tristique quis eget elit. Etiam vel diam non massa posuere consectetur. Etiam sodales porttitor est ac placerat. Fusce facilisis erat vel ligula lacinia faucibus. Phasellus augue felis, feugiat in laoreet ut, ultrices in odio. Cras imperdiet ultricies felis non blandit. Nulla nec sem in urna posuere hendrerit.

Contact
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in dignissim sem. Morbi rutrum auctor luctus. Etiam molestie hendrerit justo, a congue nibh tincidunt quis. Suspendisse auctor lectus ac justo mattis mattis. Ut vel diam non neque consequat interdum at non magna. Nunc semper aliquet lectus vel molestie. Maecenas aliquet, ligula vitae dapibus egestas, nisi mauris commodo neque, eu eleifend odio tellus vestibulum tellus. Mauris accumsan.

Paper Bag

// omidfarivar inc. \\

\\ .cni ravirafdimo //

As an added bonus, Id love to use semi-transparent paper (if it exists) in order to make the mirror effect that much cooler.

Page 12 of 15

Identity Guide: Typography

Helvetica Neue UltraLight

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Decker
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Arial Rounded MT Bold


ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdef ghijklmnopqrstuvwxyz 0123456789

Page 13 of 15

Identity Guide: Colors

R G B

39 170 225

C M Y K

70 15 0 0

Text Highlights should look like this to fit the color scheme!

R G B

39 170 225

C M Y K

70 15 0 0

R G B

35 31 32

C M Y K

0 0 0 100

Links should be colored blue, then black and underlined on hover.

The logo consists of these two colors as well.

Page 14 of 15

Identity Guide: Web Safe Fonts, if necessary

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Helvetica

Tahoma
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Arial Bold

Page 15 of 15

You might also like