Before and After 0645

Before&After
Continued
X i
BAmagazine.com
U
Design a beautiful Web header 0645
Golden Valley
country inn
NEWS EVENTS DINING ACCOMMODATION FACILITIES THINGS TO SEE LINKS DIRECTIONS CONTACT US
Design a beautiful
Create an effective header the easy way.
Just think in sections. Continued
Web header
Before&After
2 of 10
X i
BAmagazine.com
U
Golden Valley
country inn
Design a beautiful Web header
Design an effective header the easy way. Just think in sections
The header of a simple Web page is its most important visual
element. On many blogs, its the only visual element. So it has a
big job to do! It must identify the site and set its visual tone. It must
convey at a glance what kind of site it is and what is its attitude.
The header must also provide easy navigation. All of this is easy to
do by building three sections, one for each function, and unifying
them with visual similarities. Heres how to put that together.
Welcome to Golden Valley
The Golden Valley Country Inn offers a tranquil experience consisting of
comfortable accommodation, excellent food, friendly atmosphere and a
wide range of activities. Quatum dolut praessed magnisis niamet, quam
quamet iurem acipit iurer autem dolor si enim ipisl etuer sum dolorperat
la augiam duissim dolore.
Texture and asp net exating end mist of it snooling. Spaff forl isnt
cubular but quastic, leam restart that cant prebast. Its tope, this uant
chasible. Silk, shast, lape and behast the thin chack. It has larch to say
fan. Why? Elesara and order is fay of alm.
A card whint not oogum or bont. Pretty simple, glead and tarm. Texture
and asp net exating end mist of it snooling. Spaff forl isnt cubular but
quastic, leam restart that cant prebast. Its tope, this uant chasible.
Silk, shast, lape and behast the thin chack. It has larch to say fan.
Why? Elesara and order is fay of alm. A card whint not oogum or bont.
Spaff forl isnt cubular but quastic, leam restart that cant prebast.
Texture and asp
Net exating end mist of it
snooling. Spaff forl isnt
cubular but quastic, leam
restart that cant prebast.
Its tope, this uant chasible.
Silk, shast, lape and behast
the thin chack. It has larch
to say fan. Why? Elesara and
order is fay of alm.
A card whint not oogum or
bont. Pretty simple, glead
and tarm. Texture and asp
net exating end mist of it
Golden Valley
country inn
Big job, shallow space
The header spans the page and is
often the only non-text visual element.
Before&After
3 of 10
X i
BAmagazine.com
U
Start by divvying up the space
A Web header spans the page and is extremely shallow. Divide it into three
sections: name, image and navigation links. Work on each one separately.
How big? As a rule, the name goes in the
upper left and the navigation at the bottom.
Dont lose sleep over exact divisions; the sizes
of the sections will depend on your name (short
or long) and image. However, avoid splitting the
top space exactly in half, which tends to draw
attention to the sections rather than to the
content; asymmetrical divisions are better.
3) Navigation
2) Image 1) Name
Not ideal:
Halves
Better:
Asymmetrical
Golden Valley
country inn
Design a beautiful Web header 3 of 10
Before&After
4 of 10
X i
BAmagazine.com
U
Find an expressive photo
A beautiful photo is key to a beautiful header. Look for an image that conveys
its information in just a sliver. The surprise is how easy this can be to nd.
Capture as much information as you can
(Right) The pastoral scene has trees, grass,
mountains and sunlightand look, all of it is in one
sliver! Thats what you want, a little of everything.
Whats interesting is how little it takes to convey
meaninga branch, a blade of grass, a bit of sky.
Look especially for depth, which is often expressed
with dark-light values (far right) ; in this image you
can see foreground, midground and background.
Before&After
5 of 10
X i
BAmagazine.com
U
Color the sections
Sample a range of colors from the photo, sort from dark to light, then apply a color
to each section. Pay attention to contrasts.
High contrast is high energy
A common color palette unies the three
sections. Because all the colors exist in
the photo, the sections will work together
(usually) regardless of how you mix and
match. The higher the contrast between sec-
tions, the higher the energy; low contrasts are
more peaceful (but usually less memorable).
Light
Dark
Dark to light
Dark
Light
Medium
Dark
High contrast separates
Low contrast unites
Before&After
6 of 10
X i
BAmagazine.com
U
Set the name and navigation
If you have a choice, set your type in a face that complements your photo: Busy
photo/quiet type; classy photo/classy type; plain photo/showy type.
Keep the setting simple (1) A very long
name must be set in two or more lines. With
no ascenders or descenders to collide, upper-
case type is ideal for this. In this case, a quiet,
elegant typeface is a good complement for
the beautiful, painterly image. (2) Avoid enter-
taining but scene-stealing typefaces and (3)
typefaces with good but incompatible styles.
Alternating colors
green type on gold and
gold type on green
help unify the sections.
Golden Valley
country inn
Golden Valley
country inn
GOLDEN VALLEY
1
2
3
Before&After
7 of 10
X i
BAmagazine.com
U
Use the opposite color
Here, a semi-abstract photo conveys D&Ts style of architecture, but its blue/gray
colors are too subdued for the logo. The solution is to use the opposite color.
D&T
A R C H I T E C T S
PORTFOLI O CURRENT PROJECTS AWARDS REVI EWS CONTACT US
High-energy opposites
The photo is full of cold, corporate blues that dont
convey the energetic character of the young design
rm. The solution: Retain blues inuence by using its
opposite, or complement, for the logo. Locate blue
on the color wheel, then move straight across (left).
Complementary colors have no undertones in common
(unlike, for example, green and orange, which share yel-
low) and therefore have very high contrast and energy.
Violet and yellow have the highest value (dark-light)
contrast on the color wheel.
D&T
A R C H I T E C T S
Dark to light
Blue from the photo looks correct but doesnt convey the right character.
Before&After
8 of 10
X i
BAmagazine.com
U
Fancy borders in InDesign
(1) Draw a rectangle and apply
a stroke the total width that you
want the double line to be; here
its two points. (2) In the Stroke>
Type pulldown (right), select Thin
Thin (in this case), which . . .
. . . converts the single line to double.
(3) In the Object>Corner Effects dia-
log, select Inverse Rounded, specify
a Size (here 0p9) and click OK.
1 2 3
Design to the logo or other graphic
Fairweather Downs has used its logo more or less unchanged for ve decades. Thats
a classic! The best thing to do in this case is design not to the photo but to the logo.
VISIT THE TRACK | RACING INFORMATION | SPECIAL DAYS | NEWS | EVENTS | INSIDER | SHOPPING
DOWNS
Borrow the logos characteristics
Double-line borders and scalloped cor-
ners of the logo are easy to transfer to
the other sections and make a classic
look. Because the logo determines the
look, photos can come and go. Note
the wide contrast of typestyle between
Fairweather and DOWNSscript/
Roman, small/large, lowercase/upper-
case, yet similar line weights and excel-
lent craftsmanship combine beautifully.
Green and beige are secondary
colors, one cool, one warm.
Before&After
9 of 10
X i
BAmagazine.com
U
Typefaces
1 (ab) Centaur SC & OsF
a) 28.25 pt, b) 19.5 pt
2 Vectora 55 Roman | 6.5 pt
3 Blackcurrant
4 ITC Bauhaus Bold
5 Helvetica Neue 85 Heavy | 38 pt
6 Helvetica Condensed Light | 8.25 pt
7 Sloop ScriptOne | 22.5 pt
8 Goudy Old Style | 32.5 pt
9 Clarendon Light | 8.5 pt
Images
10 (ac) iStockphoto.com | a b c
Article resources
Colors
C5 M15 Y55 K0
C50 M40 Y65 K50
C0 M35 Y100 K0
C0 M0 Y0 K100
C100 M0 Y100 K70
C15 M20 Y45 K0
11
12
Golden Valley
country inn
D&T
A R C H I T E C T S
VISIT THE TRACK | RACING INFORMATION | SPECIAL DAYS | NEWS | EVENTS | INSIDER | SHOPPING
DOWNS
1a
2
1b
GOLDEN VALLEY 3 4
6
11 12
13 14
15 16 14
5
7
8
9
10c
16
15
14
13
6
10b
10a
Before&After
10 of 10 | Printing formats
X i
BAmagazine.com
U
Before & After magazine
Before & After has been sharing its practical approach
to graphic design since 1990. Because our modern world
has made designers of us all (ready or not), Before &
After is dedicated to making graphic design understand-
able, useful and even fun for everyone.
John McWade Publisher and creative director
Gaye McWade Associate publisher
Vincent Pascual Staff designer
Dexter Mark Abellera Staff designer

Before & After magazine
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-mail mailbox@bamagazine.com
www http://www.bamagazine.com
Copyright 2006 Before & After magazine
ISSN 1049-0035. All rights reserved
You may pass along a free copy of this article to others
by clicking here. You may not alter this article, and you
may not charge for it. You may quote brief sections
for review; please credit Before & After magazine, and
let us know. To link Before & After magazine to your
Web site, use this URL: http://www.bamagazine.com.
For all other permissions, please contact us.
Subscribe to Before & After
Subscribe to Before & After, and become a
more capable, condent designer for pennies
per article. To learn more, go to
http://www.bamagazine.com/Subscribe
E-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notied by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email
Before&After
Back | Paper-saver format
X i
BAmagazine.com
U
For paper-saver format
Print: (Specify pages 1216)
Before & After is made to t your binder
Before & After articles are intended for permanent reference. All are titled and numbered.
For the current table of contents, click here. To save time and paper, a paper-saver format of this article,
suitable for one- or two-sided printing, is provided on the following pages.
Print
Format: Landscape
Page Size: Fit to Page
Save
Presentation format or
Paper-saver format
For presentation format
Print: (Specify pages 110)
B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
1

o
f

5
D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r

0
6
4
5
0
6
4
5

D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r
G
o
l
d
e
n

V
a
l
l
e
y
c
o
u
n
t
r
y

i
n
n
N
E
W
S

E
V
E
N
T
S

D
I
N
I
N
G

A
C
C
O
M
M
O
D
A
T
I
O
N

F
A
C
I
L
I
T
I
E
S

T
H
I
N
G
S

T
O

S
E
E

L
I
N
K
S

D
I
R
E
C
T
I
O
N
S

C
O
N
T
A
C
T

U
S
D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l
C
r
e
a
t
e

a
n

e
f
f
e
c
t
i
v
e

h
e
a
d
e
r

t
h
e

e
a
s
y

w
a
y
.

J
u
s
t

t
h
i
n
k

i
n

s
e
c
t
i
o
n
s
.
W
e
b

h
e
a
d
e
r
G
o
l
d
e
n

V
a
l
l
e
y
c
o
u
n
t
r
y

i
n
n
N
E
W
S

E
V
E
N
T
S

D
I
N
I
N
G

A
C
C
O
M
M
O
D
A
T
I
O
N

F
A
C
I
L
I
T
I
E
S

T
H
I
N
G
S

T
O

S
E
E

L
I
N
K
S

D
I
R
E
C
T
I
O
N
S

C
O
N
T
A
C
T

U
S
T
h
e

h
e
a
d
e
r

o
f

a

s
i
m
p
l
e

W
e
b

p
a
g
e

i
s

i
t
s

m
o
s
t

i
m
p
o
r
t
a
n
t

v
i
s
u
a
l

e
l
e
m
e
n
t
.

O
n

m
a
n
y

b
l
o
g
s
,

i
t
s

t
h
e

o
n
l
y

v
i
s
u
a
l

e
l
e
m
e
n
t
.

S
o

i
t

h
a
s

a

b
i
g

j
o
b

t
o

d
o
!

I
t

m
u
s
t

i
d
e
n
t
i
f
y

t
h
e

s
i
t
e

a
n
d

s
e
t

i
t
s

v
i
s
u
a
l

t
o
n
e
.

I
t

m
u
s
t

c
o
n
v
e
y

a
t

a

g
l
a
n
c
e

w
h
a
t

k
i
n
d

o
f

s
i
t
e

i
t

i
s

a
n
d

w
h
a
t

i
s

i
t
s

a
t
t
i
t
u
d
e
.

T
h
e

h
e
a
d
e
r

m
u
s
t

a
l
s
o

p
r
o
v
i
d
e

e
a
s
y

n
a
v
i
g
a
t
i
o
n
.

A
l
l

o
f

t
h
i
s

i
s

e
a
s
y

t
o

d
o

b
y

b
u
i
l
d
i
n
g

t
h
r
e
e

s
e
c
t
i
o
n
s
,

o
n
e

f
o
r

e
a
c
h

f
u
n
c
t
i
o
n
,

a
n
d

u
n
i
f
y
i
n
g

t
h
e
m

w
i
t
h

v
i
s
u
a
l

s
i
m
i
l
a
r
i
t
i
e
s
.

H
e
r
e
s

h
o
w

t
o

p
u
t

t
h
a
t

t
o
g
e
t
h
e
r
.

W
e
lc
o
m
e
t
o
G
o
ld
e
n
V
a
lle
y
The G
olden Valley C
ountry Inn offers a tranquil experience consisting of
com
fortable accom
m
odation, excellent food, friendly atm
osphere and a
w
ide range of activities. Q
uatum
dolut praessed m
agnisis niam
et, quam

quam
et iurem
acipit iurer autem
dolor si enim
ipisl etuer sum
dolorperat
la augiam
duissim
dolore.
Texture and asp net exating end m
ist of it snooling. S
paff forl isnt
restart that cant prebast. Its tope, this uant
chasible. S
ilk, shast, lape and behast the thin chack. It has larch to say
fan. W
hy? Elesara and order is fay of alm
.
A
card w
hint not oogum
or bont. Pretty sim
ple, glead and tarm
. Texture
and asp net exating end m
ist of it snooling. S
paff forl isnt cubular but
quastic, leam
restart that cant prebast. Its tope, this uant chasible.
S
ilk, shast, lape and behast the thin chack. It has larch to say fan.
W
hy? Elesara and order is fay of alm
. A
card w
hint not oogum
or bont.
S
paff forl isnt cubular but quastic, leam
Texture and
asp
N
et exating end m
ist of it

the thin chack. It has larch
to say fan. W
hy? Elesara and
order is fay of alm
.
A card w
hint not oogum
or
bont. Pretty sim
ple, glead
and tarm
. Texture and asp
net exating end m
ist of it

G
o
l
d
e
n
V
a
l
l
e
y
c
o
u
n
t
r
y
in
n
NEW
S EVENTS DINING ACCOM
M
ODATION FACILITIES THINGS TO SEE LINKS DIRECTIONS CONTACT US
B
i
g

j
o
b
,

s
h
a
l
l
o
w

s
p
a
c
e

T
h
e

h
e
a
d
e
r

s
p
a
n
s

t
h
e

p
a
g
e

a
n
d

i
s

o
f
t
e
n

t
h
e

o
n
l
y

n
o
n
-
t
e
x
t

v
i
s
u
a
l

e
l
e
m
e
n
t
.

F
i
n
d

a
n

e
x
p
r
e
s
s
i
v
e

p
h
o
t
o
A

b
e
a
u
t
i
f
u
l

p
h
o
t
o

i
s

k
e
y

t
o

a

b
e
a
u
t
i
f
u
l

h
e
a
d
e
r
.

L
o
o
k

f
o
r

a
n

i
m
a
g
e

t
h
a
t

c
o
n
v
e
y
s

i
t
s

i
n
f
o
r
m
a
t
i
o
n

i
n

j
u
s
t

a

s
l
i
v
e
r
.

T
h
e

s
u
r
p
r
i
s
e

i
s

h
o
w

e
a
s
y

t
h
i
s

c
a
n

b
e

t
o

n
d
.
C
a
p
t
u
r
e

a
s

m
u
c
h

i
n
f
o
r
m
a
t
i
o
n

a
s

y
o
u

c
a
n

(
R
i
g
h
t
)

T
h
e

p
a
s
t
o
r
a
l

s
c
e
n
e

h
a
s

t
r
e
e
s
,

g
r
a
s
s
,

m
o
u
n
t
a
i
n
s

a
n
d

s
u
n
l
i
g
h
t
a
n
d

l
o
o
k
,

a
l
l

o
f

i
t

i
s

i
n

o
n
e

s
l
i
v
e
r
!

T
h
a
t
s

w
h
a
t

y
o
u

w
a
n
t
,

a

l
i
t
t
l
e

o
f

e
v
e
r
y
t
h
i
n
g
.

W
h
a
t
s

i
n
t
e
r
e
s
t
i
n
g

i
s

h
o
w

l
i
t
t
l
e

i
t

t
a
k
e
s

t
o

c
o
n
v
e
y

m
e
a
n
i
n
g
a

b
r
a
n
c
h
,

a

b
l
a
d
e

o
f

g
r
a
s
s
,

a

b
i
t

o
f

s
k
y
.

L
o
o
k

e
s
p
e
c
i
a
l
l
y

f
o
r

d
e
p
t
h
,

w
h
i
c
h

i
s

o
f
t
e
n

e
x
p
r
e
s
s
e
d

w
i
t
h

d
a
r
k
-
l
i
g
h
t

v
a
l
u
e
s

(
f
a
r

r
i
g
h
t
)
;

i
n

t
h
i
s

i
m
a
g
e

y
o
u

c
a
n

s
e
e

f
o
r
e
g
r
o
u
n
d
,

m
i
d
g
r
o
u
n
d

a
n
d

b
a
c
k
g
r
o
u
n
d
.
B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
2

o
f

5
D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r

0
6
4
5
0
6
4
5

D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r
S
t
a
r
t

b
y

d
i
v
v
y
i
n
g

u
p

t
h
e

s
p
a
c
e
A

W
e
b

h
e
a
d
e
r

s
p
a
n
s

t
h
e

p
a
g
e

a
n
d

i
s

e
x
t
r
e
m
e
l
y

s
h
a
l
l
o
w
.

D
i
v
i
d
e

i
t

i
n
t
o

t
h
r
e
e

s
e
c
t
i
o
n
s
:

n
a
m
e
,

i
m
a
g
e

a
n
d

n
a
v
i
g
a
t
i
o
n

l
i
n
k
s
.

W
o
r
k

o
n

e
a
c
h

o
n
e

s
e
p
a
r
a
t
e
l
y
.
H
o
w

b
i
g
?

A
s

a

r
u
l
e
,

t
h
e

n
a
m
e

g
o
e
s

i
n

t
h
e

u
p
p
e
r

l
e
f
t

a
n
d

t
h
e

n
a
v
i
g
a
t
i
o
n

a
t

t
h
e

b
o
t
t
o
m
.

D
o
n
t

l
o
s
e

s
l
e
e
p

o
v
e
r

e
x
a
c
t

d
i
v
i
s
i
o
n
s
;

t
h
e

s
i
z
e
s

o
f

t
h
e

s
e
c
t
i
o
n
s

w
i
l
l

d
e
p
e
n
d

o
n

y
o
u
r

n
a
m
e

(
s
h
o
r
t

o
r

l
o
n
g
)

a
n
d

i
m
a
g
e
.

H
o
w
e
v
e
r
,

a
v
o
i
d

s
p
l
i
t
t
i
n
g

t
h
e

t
o
p

s
p
a
c
e

e
x
a
c
t
l
y

i
n

h
a
l
f
,

w
h
i
c
h

t
e
n
d
s

t
o

d
r
a
w

a
t
t
e
n
t
i
o
n

t
o

t
h
e

s
e
c
t
i
o
n
s

r
a
t
h
e
r

t
h
a
n

t
o

t
h
e

c
o
n
t
e
n
t
;

a
s
y
m
m
e
t
r
i
c
a
l

d
i
v
i
s
i
o
n
s

a
r
e

b
e
t
t
e
r
.

3
)

N
a
v
i
g
a
t
i
o
n
2
)

I
m
a
g
e
1
)

N
a
m
e
N
o
t

i
d
e
a
l
:

H
a
l
v
e
s
B
e
t
t
e
r
:
A
s
y
m
m
e
t
r
i
c
a
l
N
E
W
S

E
V
E
N
T
S

D
I
N
I
N
G

A
C
C
O
M
M
O
D
A
T
I
O
N

F
A
C
I
L
I
T
I
E
S

T
H
I
N
G
S

T
O

S
E
E

L
I
N
K
S

D
I
R
E
C
T
I
O
N
S

C
O
N
T
A
C
T

U
S
G
o
l
d
e
n

V
a
l
l
e
y
c
o
u
n
t
r
y

i
n
n

B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
3

o
f

5
D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r

0
6
4
5
0
6
4
5

D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r
C
o
l
o
r

t
h
e

s
e
c
t
i
o
n
s
S
a
m
p
l
e

a

r
a
n
g
e

o
f

c
o
l
o
r
s

f
r
o
m

t
h
e

p
h
o
t
o
,

s
o
r
t

f
r
o
m

d
a
r
k

t
o

l
i
g
h
t
,

t
h
e
n

a
p
p
l
y

a

c
o
l
o
r

t
o

e
a
c
h

s
e
c
t
i
o
n
.

P
a
y

a
t
t
e
n
t
i
o
n

t
o

c
o
n
t
r
a
s
t
s
.
H
i
g
h

c
o
n
t
r
a
s
t

i
s

h
i
g
h

e
n
e
r
g
y

A

c
o
m
m
o
n

c
o
l
o
r

p
a
l
e
t
t
e

u
n
i
e
s

t
h
e

t
h
r
e
e

s
e
c
t
i
o
n
s
.

B
e
c
a
u
s
e

a
l
l

t
h
e

c
o
l
o
r
s

e
x
i
s
t

i
n

t
h
e

p
h
o
t
o
,

t
h
e

s
e
c
t
i
o
n
s

w
i
l
l

w
o
r
k

t
o
g
e
t
h
e
r

(
u
s
u
a
l
l
y
)

r
e
g
a
r
d
l
e
s
s

o
f

h
o
w

y
o
u

m
i
x

a
n
d

m
a
t
c
h
.

T
h
e

h
i
g
h
e
r

t
h
e

c
o
n
t
r
a
s
t

b
e
t
w
e
e
n

s
e
c
-
t
i
o
n
s
,

t
h
e

h
i
g
h
e
r

t
h
e

e
n
e
r
g
y
;

l
o
w

c
o
n
t
r
a
s
t
s

a
r
e

m
o
r
e

p
e
a
c
e
f
u
l

(
b
u
t

u
s
u
a
l
l
y

l
e
s
s

m
e
m
o
r
a
b
l
e
)
.
L
i
g
h
t
D
a
r
k
D
a
r
k

t
o

l
i
g
h
t
D
a
r
k
L
i
g
h
t
M
e
d
i
u
m
D
a
r
k
H
i
g
h

c
o
n
t
r
a
s
t

s
e
p
a
r
a
t
e
s
L
o
w

c
o
n
t
r
a
s
t

u
n
i
t
e
s
S
e
t

t
h
e

n
a
m
e

a
n
d

n
a
v
i
g
a
t
i
o
n
I
f

y
o
u

h
a
v
e

a

c
h
o
i
c
e
,

s
e
t

y
o
u
r

t
y
p
e

i
n

a

f
a
c
e

t
h
a
t

c
o
m
p
l
e
m
e
n
t
s

y
o
u
r

p
h
o
t
o
:

B
u
s
y

p
h
o
t
o
/
q
u
i
e
t

t
y
p
e
;

c
l
a
s
s
y

p
h
o
t
o
/
c
l
a
s
s
y

t
y
p
e
;

p
l
a
i
n

p
h
o
t
o
/
s
h
o
w
y

t
y
p
e
.
K
e
e
p

t
h
e

s
e
t
t
i
n
g

s
i
m
p
l
e

(
1
)

A

v
e
r
y

l
o
n
g

n
a
m
e

m
u
s
t

b
e

s
e
t

i
n

t
w
o

o
r

m
o
r
e

l
i
n
e
s
.

W
i
t
h

n
o

a
s
c
e
n
d
e
r
s

o
r

d
e
s
c
e
n
d
e
r
s

t
o

c
o
l
l
i
d
e
,

u
p
p
e
r
-
c
a
s
e

t
y
p
e

i
s

i
d
e
a
l

f
o
r

t
h
i
s
.

I
n

t
h
i
s

c
a
s
e
,

a

q
u
i
e
t
,

e
l
e
g
a
n
t

t
y
p
e
f
a
c
e

i
s

a

g
o
o
d

c
o
m
p
l
e
m
e
n
t

f
o
r

t
h
e

b
e
a
u
t
i
f
u
l
,

p
a
i
n
t
e
r
l
y

i
m
a
g
e
.

(
2
)

A
v
o
i
d

e
n
t
e
r
-
t
a
i
n
i
n
g

b
u
t

s
c
e
n
e
-
s
t
e
a
l
i
n
g

t
y
p
e
f
a
c
e
s

a
n
d

(
3
)

t
y
p
e
f
a
c
e
s

w
i
t
h

g
o
o
d

b
u
t

i
n
c
o
m
p
a
t
i
b
l
e

s
t
y
l
e
s
.
A
l
t
e
r
n
a
t
i
n
g

c
o
l
o
r
s
g
r
e
e
n

t
y
p
e

o
n

g
o
l
d

a
n
d

g
o
l
d

t
y
p
e

o
n

g
r
e
e
n

h
e
l
p

u
n
i
f
y

t
h
e

s
e
c
t
i
o
n
s
.
G
o
l
d
e
n

V
a
l
l
e
y
c
o
u
n
t
r
y

i
n
n
G
o
l
d
e
n

V
a
l
l
e
y
c
o
u
n
t
r
y

i
n
n
G
O
L
D
E
N

V
A
L
L
E
Y
N
E
W
S

E
V
E
N
T
S

D
I
N
I
N
G

A
C
C
O
M
M
O
D
A
T
I
O
N

F
A
C
I
L
I
T
I
E
S

T
H
I
N
G
S

T
O

S
E
E

L
I
N
K
S

D
I
R
E
C
T
I
O
N
S

C
O
N
T
A
C
T

U
S
1 2 3

B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
4

o
f

5
D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r

0
6
4
5
0
6
4
5

D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r
U
s
e

t
h
e

o
p
p
o
s
i
t
e

c
o
l
o
r
H
e
r
e
,

a

s
e
m
i
-
a
b
s
t
r
a
c
t

p
h
o
t
o

c
o
n
v
e
y
s

D
&
T
s

s
t
y
l
e

o
f

a
r
c
h
i
t
e
c
t
u
r
e
,

b
u
t

i
t
s

b
l
u
e
/
g
r
a
y

c
o
l
o
r
s

a
r
e

t
o
o

s
u
b
d
u
e
d

f
o
r

t
h
e

l
o
g
o
.

T
h
e

s
o
l
u
t
i
o
n

i
s

t
o

u
s
e

t
h
e

o
p
p
o
s
i
t
e

c
o
l
o
r
.
D
&
T
A
R
C
H
I
T
E
C
T
S
P
O
R
T
F
O
L
I
O

C
U
R
R
E
N
T
P
R
O
J
E
C
T
S

A
W
A
R
D
S

R
E
V
I
E
W
S

C
O
N
T
A
C
T
U
S

H
i
g
h
-
e
n
e
r
g
y

o
p
p
o
s
i
t
e
s

T
h
e

p
h
o
t
o

i
s

f
u
l
l

o
f

c
o
l
d
,

c
o
r
p
o
r
a
t
e

b
l
u
e
s

t
h
a
t

d
o
n
t

c
o
n
v
e
y

t
h
e

e
n
e
r
g
e
t
i
c

c
h
a
r
a
c
t
e
r

o
f

t
h
e

y
o
u
n
g

d
e
s
i
g
n

r
m
.

T
h
e

s
o
l
u
t
i
o
n
:

R
e
t
a
i
n

b
l
u
e
s

i
n
u
e
n
c
e

b
y

u
s
i
n
g

i
t
s

o
p
p
o
s
i
t
e
,

o
r

c
o
m
p
l
e
m
e
n
t
,

f
o
r

t
h
e

l
o
g
o
.

L
o
c
a
t
e

b
l
u
e

o
n

t
h
e

c
o
l
o
r

w
h
e
e
l
,

t
h
e
n

m
o
v
e

s
t
r
a
i
g
h
t

a
c
r
o
s
s

(
l
e
f
t
)
.

C
o
m
p
l
e
m
e
n
t
a
r
y

c
o
l
o
r
s

h
a
v
e

n
o

u
n
d
e
r
t
o
n
e
s

i
n

c
o
m
m
o
n

(
u
n
l
i
k
e
,

f
o
r

e
x
a
m
p
l
e
,

g
r
e
e
n

a
n
d

o
r
a
n
g
e
,

w
h
i
c
h

s
h
a
r
e

y
e
l
-
l
o
w
)

a
n
d

t
h
e
r
e
f
o
r
e

h
a
v
e

v
e
r
y

h
i
g
h

c
o
n
t
r
a
s
t

a
n
d

e
n
e
r
g
y
.

V
i
o
l
e
t

a
n
d

y
e
l
l
o
w

h
a
v
e

t
h
e

h
i
g
h
e
s
t

v
a
l
u
e

(
d
a
r
k
-
l
i
g
h
t
)

c
o
n
t
r
a
s
t

o
n

t
h
e

c
o
l
o
r

w
h
e
e
l
.
D
&
T
A
R
C
H
I
T
E
C
T
S
P
O
R
T
F
O
L
I
O

C
U
R
R
E
N
T
P
R
O
J
E
C
T
S

A
W
A
R
D
S

R
E
V
I
E
W
S

C
O
N
T
A
C
T
U
S

D
a
r
k

t
o

l
i
g
h
t
B
l
u
e

f
r
o
m

t
h
e

p
h
o
t
o

l
o
o
k
s

c
o
r
r
e
c
t

b
u
t

d
o
e
s
n
t

c
o
n
v
e
y

t
h
e

r
i
g
h
t

c
h
a
r
a
c
t
e
r
.
F
a
n
c
y

b
o
r
d
e
r
s

i
n

I
n
D
e
s
i
g
n
(
1
)

D
r
a
w

a

r
e
c
t
a
n
g
l
e

a
n
d

a
p
p
l
y

a

s
t
r
o
k
e

t
h
e

t
o
t
a
l

w
i
d
t
h

t
h
a
t

y
o
u

w
a
n
t

t
h
e

d
o
u
b
l
e

l
i
n
e

t
o

b
e
;

h
e
r
e

i
t
s

t
w
o

p
o
i
n
t
s
.

(
2
)

I
n

t
h
e

S
t
r
o
k
e
>

T
y
p
e

p
u
l
l
d
o
w
n

(
r
i
g
h
t
)
,

s
e
l
e
c
t

T
h
i
n
T
h
i
n

(
i
n

t
h
i
s

c
a
s
e
)
,

w
h
i
c
h

.

.

.
.

.

.

c
o
n
v
e
r
t
s

t
h
e

s
i
n
g
l
e

l
i
n
e

t
o

d
o
u
b
l
e
.

(
3
)

I
n

t
h
e

O
b
j
e
c
t
>
C
o
r
n
e
r

E
f
f
e
c
t
s

d
i
a
-
l
o
g
,

s
e
l
e
c
t

I
n
v
e
r
s
e

R
o
u
n
d
e
d
,

s
p
e
c
i
f
y

a

S
i
z
e

(
h
e
r
e

0
p
9
)

a
n
d

c
l
i
c
k

O
K
.
1
2
3
D
e
s
i
g
n

t
o

t
h
e

l
o
g
o

o
r

o
t
h
e
r

g
r
a
p
h
i
c
F
a
i
r
w
e
a
t
h
e
r

D
o
w
n
s

h
a
s

u
s
e
d

i
t
s

l
o
g
o

m
o
r
e

o
r

l
e
s
s

u
n
c
h
a
n
g
e
d

f
o
r

v
e

d
e
c
a
d
e
s
.

T
h
a
t
s

a

c
l
a
s
s
i
c
!

T
h
e

b
e
s
t

t
h
i
n
g

t
o

d
o

i
n

t
h
i
s

c
a
s
e

i
s

d
e
s
i
g
n

n
o
t

t
o

t
h
e

p
h
o
t
o

b
u
t

t
o

t
h
e

l
o
g
o
.
V
I
S
I
T

T
H
E

T
R
A
C
K

|

R
A
C
I
N
G

I
N
F
O
R
M
A
T
I
O
N

|

S
P
E
C
I
A
L

D
A
Y
S

|

N
E
W
S

|

E
V
E
N
T
S

|

I
N
S
I
D
E
R

|

S
H
O
P
P
I
N
G
D
O
W
N
S
B
o
r
r
o
w

t
h
e

l
o
g
o
s

c
h
a
r
a
c
t
e
r
i
s
t
i
c
s

D
o
u
b
l
e
-
l
i
n
e

b
o
r
d
e
r
s

a
n
d

s
c
a
l
l
o
p
e
d

c
o
r
-
n
e
r
s

o
f

t
h
e

l
o
g
o

a
r
e

e
a
s
y

t
o

t
r
a
n
s
f
e
r

t
o

t
h
e

o
t
h
e
r

s
e
c
t
i
o
n
s

a
n
d

m
a
k
e

a

c
l
a
s
s
i
c

l
o
o
k
.

B
e
c
a
u
s
e

t
h
e

l
o
g
o

d
e
t
e
r
m
i
n
e
s

t
h
e

l
o
o
k
,

p
h
o
t
o
s

c
a
n

c
o
m
e

a
n
d

g
o
.

N
o
t
e

t
h
e

w
i
d
e

c
o
n
t
r
a
s
t

o
f

t
y
p
e
s
t
y
l
e

b
e
t
w
e
e
n

F
a
i
r
w
e
a
t
h
e
r

a
n
d

D
O
W
N
S
s
c
r
i
p
t
/
R
o
m
a
n
,

s
m
a
l
l
/
l
a
r
g
e
,

l
o
w
e
r
c
a
s
e
/
u
p
p
e
r
-
c
a
s
e
,

y
e
t

s
i
m
i
l
a
r

l
i
n
e

w
e
i
g
h
t
s

a
n
d

e
x
c
e
l
-
l
e
n
t

c
r
a
f
t
s
m
a
n
s
h
i
p

c
o
m
b
i
n
e

b
e
a
u
t
i
f
u
l
l
y
.

G
r
e
e
n

a
n
d

b
e
i
g
e

a
r
e

s
e
c
o
n
d
a
r
y

c
o
l
o
r
s
,

o
n
e

c
o
o
l
,

o
n
e

w
a
r
m
.

B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
5

o
f

5
D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r

0
6
4
5
0
6
4
5

D
e
s
i
g
n

a

b
e
a
u
t
i
f
u
l

W
e
b

h
e
a
d
e
r
A
r
t
i
c
l
e

r
e
s
o
u
r
c
e
s

C
o
l
o
r
s
C
5

M
1
5

Y
5
5

K
0

C
5
0

M
4
0

Y
6
5

K
5
0
C
0

M
3
5

Y
1
0
0

K
0
C
0

M
0

Y
0

K
1
0
0
C
1
0
0

M
0

Y
1
0
0

K
7
0
C
1
5

M
2
0

Y
4
5

K
0
1
1
1
2
G
o
l
d
e
n

V
a
l
l
e
y
c
o
u
n
t
r
y

i
n
n
N
E
W
S

E
V
E
N
T
S

D
I
N
I
N
G

A
C
C
O
M
M
O
D
A
T
I
O
N

F
A
C
I
L
I
T
I
E
S

T
H
I
N
G
S

T
O

S
E
E

L
I
N
K
S

D
I
R
E
C
T
I
O
N
S

C
O
N
T
A
C
T

U
S
D
&
T
A
R
C
H
I
T
E
C
T
S
P
O
R
T
F
O
L
I
O

C
U
R
R
E
N
T
P
R
O
J
E
C
T
S

A
W
A
R
D
S

R
E
V
I
E
W
S

C
O
N
T
A
C
T
U
S

V
I
S
I
T

T
H
E

T
R
A
C
K

|

R
A
C
I
N
G

I
N
F
O
R
M
A
T
I
O
N

|

S
P
E
C
I
A
L

D
A
Y
S

|

N
E
W
S

|

E
V
E
N
T
S

|

I
N
S
I
D
E
R

|

S
H
O
P
P
I
N
G
D
O
W
N
S
1
a 2
1
b
G
O
L
D
E
N

V
A
L
L
E
Y
3
4
6
1
1
1
2
1
3
1
4
1
5
1
6
1
4
5 7 8 9
1
0
c
1
6
1
5
1
4
1
3
61
0
b
1
0
a
T
y
p
e
f
a
c
e
s
1

(
a
b
)

C
e
n
t
a
u
r

S
C

&

O
s
F

a
)

2
8
.
2
5

p
t
,

b
)

1
9
.
5

p
t
2

V
e
c
t
o
r
a

5
5

R
o
m
a
n

|

6
.
5

p
t
3

B
l
a
c
k
c
u
r
r
a
n
t
4

I
T
C

B
a
u
h
a
u
s

B
o
l
d
5

H
e
l
v
e
t
i
c
a

N
e
u
e

8
5

H
e
a
v
y

|

3
8

p
t
6

H
e
l
v
e
t
i
c
a

C
o
n
d
e
n
s
e
d

L
i
g
h
t

|

8
.
2
5

p
t
7

S
l
o
o
p

S
c
r
i
p
t
O
n
e

|

2
2
.
5

p
t
8

G
o
u
d
y

O
l
d

S
t
y
l
e

|

3
2
.
5

p
t
9

C
l
a
r
e
n
d
o
n

L
i
g
h
t

|

8
.
5

p
t
I
m
a
g
e
s
1
0

(
a
c
)

i
S
t
o
c
k
p
h
o
t
o
.
c
o
m

|

a

b

c
B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e

B
e
f
o
r
e

&

A
f
t
e
r

h
a
s

b
e
e
n

s
h
a
r
i
n
g

i
t
s

p
r
a
c
t
i
c
a
l

a
p
p
r
o
a
c
h

t
o

g
r
a
p
h
i
c

d
e
s
i
g
n

s
i
n
c
e

1
9
9
0
.

B
e
c
a
u
s
e

o
u
r

m
o
d
e
r
n

w
o
r
l
d

h
a
s

m
a
d
e

d
e
s
i
g
n
e
r
s

o
f

u
s

a
l
l

(
r
e
a
d
y

o
r

n
o
t
)
,

B
e
f
o
r
e

&

A
f
t
e
r

i
s

d
e
d
i
c
a
t
e
d

t
o

m
a
k
i
n
g

g
r
a
p
h
i
c

d
e
s
i
g
n

u
n
d
e
r
s
t
a
n
d
-
a
b
l
e
,

u
s
e
f
u
l

a
n
d

e
v
e
n

f
u
n

f
o
r

e
v
e
r
y
o
n
e
.

J
o
h
n

M
c
W
a
d
e

P
u
b
l
i
s
h
e
r

a
n
d

c
r
e
a
t
i
v
e

d
i
r
e
c
t
o
r
G
a
y
e

M
c
W
a
d
e

A
s
s
o
c
i
a
t
e

p
u
b
l
i
s
h
e
r
V
i
n
c
e
n
t

P
a
s
c
u
a
l

S
t
a
f
f

d
e
s
i
g
n
e
r
D
e
x
t
e
r

M
a
r
k

A
b
e
l
l
e
r
a

S
t
a
f
f

d
e
s
i
g
n
e
r
D
e
s
i
g
n

a
d
v
i
s
o
r

G
w
e
n

A
m
o
s

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e
3
2
3

L
i
n
c
o
l
n

S
t
r
e
e
t
,

R
o
s
e
v
i
l
l
e
,

C
A

9
5
6
7
8

T
e
l
e
p
h
o
n
e

9
1
6
-
7
8
4
-
3
8
8
0

F
a
x

9
1
6
-
7
8
4
-
3
9
9
5
E
-
m
a
i
l

m
a
i
l
b
o
x
@
b
a
m
a
g
a
z
i
n
e
.
c
o
m

w
w
w

h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
C
o
p
y
r
i
g
h
t

2
0
0
6

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e

I
S
S
N

1
0
4
9
-
0
0
3
5
.

A
l
l

r
i
g
h
t
s

r
e
s
e
r
v
e
d
.

Y
o
u

m
a
y

p
a
s
s

a
l
o
n
g

a

f
r
e
e

c
o
p
y

o
f

t
h
i
s

a
r
t
i
c
l
e

t
o

o
t
h
e
r
s

b
y

c
l
i
c
k
i
n
g

h
e
r
e
.

Y
o
u

m
a
y

n
o
t

a
l
t
e
r

t
h
i
s

a
r
t
i
c
l
e
,

a
n
d

y
o
u

m
a
y

n
o
t

c
h
a
r
g
e

f
o
r

i
t
.

Y
o
u

m
a
y

q
u
o
t
e

b
r
i
e
f

s
e
c
t
i
o
n
s

f
o
r

r
e
v
i
e
w
;

p
l
e
a
s
e

c
r
e
d
i
t

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e
,

a
n
d

l
e
t

u
s

k
n
o
w
.

T
o

l
i
n
k

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e

t
o

y
o
u
r

W
e
b

s
i
t
e
,

u
s
e

t
h
i
s

U
R
L
:

h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
.

F
o
r

a
l
l

o
t
h
e
r

p
e
r
m
i
s
s
i
o
n
s
,

p
l
e
a
s
e

c
o
n
t
a
c
t

u
s
.
S
u
b
s
c
r
i
b
e

t
o

B
e
f
o
r
e

&

A
f
t
e
r
D
i
d

y
o
u

l
e
a
r
n

f
r
o
m

t
h
i
s

a
r
t
i
c
l
e
?

S
u
b
s
c
r
i
b
e
,

a
n
d

b
e
c
o
m
e

a

m
o
r
e

c
a
p
a
b
l
e
,

c
o
n
d
e
n
t

d
e
s
i
g
n
e
r

f
o
r

p
e
n
n
i
e
s

p
e
r

a
r
t
i
c
l
e
.

T
o

l
e
a
r
n

m
o
r
e
,

g
o

t
o

h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
/
S
u
b
s
c
r
i
b
e
E
-
m
a
i
l

t
h
i
s

a
r
t
i
c
l
e
T
o

p
a
s
s

a
l
o
n
g

a

f
r
e
e

c
o
p
y

o
f

t
h
i
s

a
r
t
i
c
l
e

t
o

o
t
h
e
r
s
,

c
l
i
c
k

h
e
r
e
.
J
o
i
n

o
u
r

e
-
l
i
s
t
T
o

b
e

n
o
t
i
e
d

b
y

e
-
m
a
i
l

o
f

n
e
w

a
r
t
i
c
l
e
s

a
s

t
h
e
y

b
e
c
o
m
e

a
v
a
i
l
a
b
l
e
,

g
o

t
o

h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
/
e
m
a
i
l

Before and After 0645

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Before and After 0645

Загружено:

Авторское право:

Доступные форматы

Before&After

Вам также может понравиться