229: @FONT-FACE and typefaces for the web

Conceptual Plan by Chris

Typeface resources

FOUT (flash of unstyled text)

Google fonts

Typekit by Adobe (not free but meed membership to use their type)

fontsquirrel

CSS font stack.com

typewolf.com

designfacts.org

unsplash.com – royalty free photos

 

Psychology

Branding: MacDonals (Red and Yellow), Burgerking ()

Whole-foods (green is more value more than )

Contrast – weight and heaviness feeling

Less contrust – lightness feeling

Web Design

Showcasing product and place on the Hero section bring the full color photo (don’t mess with color or transparency).

Stick with Grid.

Typeface Hierarchy construction tools:
size
color
thickness of the font
opacity

Rectangle in rectangle – don’t hide the
Map is content don’t hide with some box.

Advertisements