Small site great format for professionals and small enterprises.

Before&After

BAmagazine.com

®

i U X

Small site
great format

This simple beauty
is ideal for professionals
and small enterprises.

Rustic stoneware
Dsnis dolore modolore erillum
sandre dolenismod tissi. Ure
tat. Ut nisi bla conse dolorem
indoors accum venit alisism.
$56.00 U.S.
1 2 3 4 5 6 7

CARMEN ELIZABETH

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

NEW ENGLAND CERAMICS

Continued 

Continued 

Small site, great format

0648


Before&After

BAmagazine.com

®

i U X

Great format for a small site
This simple beauty is ideal for professionals and small enterprises.

“But I only need a small site!” How
many times have you thought that?
If you’re a solo professional or part of
a small group, the site shown here is

made for you. Its fresh, open space
is ideal for short text as well as portfolio or product images. It’s designed
to be beautifully small; it’s not a halfempty big site. It’s easy to make, easy
to maintain and compelling to read.
Here’s how to do it.

Side

Main

Logo

Links

A uniform grid
It looks like two sections—one
light, one dark—but it’s really four:
presentation areas on top), logo
and navigation areas beneath—
that remain constant throughout.

“Dsnis dolore modolore erillum
sandre dolenismod tissi. Ure
tat. Ut nisi bla conse dolorem
indoors accum venit alisism
olummolum deliquam irilit

CA R M E N E L I Z A B E T H
NEW ENGLAND CERAMICS

loresir sectet laor autpat sft la
feugue. Lesed eugue faccum.”
–Dana Lane

CARMEN ELIZABETH

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

NEW ENGLAND CERAMICS

Handsome typographic title in a field of white conveys quietness and confidence.
Its minimal setting sets the tone for the pages to follow.

 2 of 9 

Small site, great format

0648


Before&After

®

BAmagazine.com

3 of 9

Small site, great format

i U X

Make the foundation

The site is a two-column design on a fixed-size page. You can use our template on
page 7. If you’ll want a different size (fairly likely), here’s how to set it up.

3:2 width-to-depth ratio

1

1/3
Dsnis dolore modolore erillum

1/3

sandre dolenismod tissi.
Ure tat. Ut nisi bla conse

1/3

dolorem. Tatet, qui et praese

modio od dolorero eu feugait
praestrud enim quam, sustinit

2

deleniaIpit nullandiam iniam
dolore magna feum quamet
iriurerat esendit prat dolor
sustie magna ad dolobor in
versusci blan hendrer aestrud
exerat niat. Obor acil et dunt
del ipit am, sed del ipisit,
summy nonsendio od diat.
Obor acil et dunt del ipit am.

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

CARMEN ELIZABETH
NEW ENGLAND CERAMICS

1/3

Links area

Everything’s in thirds
Set a fixed-size page with a depth two-thirds
its width (for example: 900 x 600 px). Divide the
space into thirds both ways. You’ll fill the bottom third with a fairly dark color, then lighten the
Links area just enough to be
different (ours is 90%) and still
look like one bar, not separate
sections (inset).

Define the margins
(1) Divide the thirds into thirds. Using the third
as a guide, draw your margins (dashed line) as
shown above. Note that top and bottom come
out narrower than left and right. (2) Widen the
right margin by 150% (that 3:2 ratio again). By the
way, none of these measurements must be exact
to the pixel, just close enough to recreate the
look of the proportions.

Align elements from the bottom up
Think upside down. You’ll align text and graphics
with the grid intersection highlighted above. All
text and graphics must touch this point. Text in
the left column aligns to the right; text in the right
aligns to the left (inset). Logo and
links are stationary in the dark
bottom band as shown above.

 3 of 9 

Small site, great format

0648


Before&After

®

Small site, great format

BAmagazine.com

4 of 9

i U X

Place text and graphics

Each page can carry a small amount of text, a few graphics, or some of both.
The main elements go on the right, support elements on the left.

History of ceramics
Fos nis dolore modolore erillum sandre dolenismod tissi. Ure tat. Ut nisi bla
conse dolorem ver accum venit alisism olummolum deliquam irilit loresir

About the artist

sectet laor autpat sft la feugue. Lesed eugue faccum iure tio dolutpat lute
magnisim am quam niam ea facipsumsan volobore mod mod tatue te feum

Tos nis dolore modolore erillum sandre dolenismod tissi. Ure tat. Ut nisibla

nos nos essi blan hent wis nonsed.

conse dolorem ver accum venit alisism olummolum deliquam irilit loresir
sectet laor autpat sft la feugue. Lesed eugue faccum iure tio dolutpat lute

Dolore tin ute diamcon ulluptat wismolobore con ute corperos dolore

magnisim am quam niam ea facipsumsan volobore mod mod tatue feume

do con utat. On vullandre vel ullan vulland reetue tatin hent elessit

nos nos essi blan hent wis nonsed.

luptat at. Duiscidunt lumsan ut veros am vercip enismolore del irilit do
commy nonulputet er adio commodionse feuipisim enissed diam, said erit

Dolore tin ute diamcon ulluptat wismolobore con ute corperos dolore

nonullaorem vel ip eu facipis modiam eriustis nibh ea faciniat duiscident.

doon utat. On vullandre vel ullan vulland reetue tatin hent elessit luptata.
The duiscidunt lumsan ut veros am vercip enismolore del irilit do commy

Questions and comments ugiatummod magnim del ullan ullam illa facilit

nonulputet er adio commodionse feuipisim enissed diam, si. Ibh erit

praesto odoloreet volorperosto dolent niat num dolenit vel elisci.

nonullaorem vel ip eu facipis modiam eriustis nibh.

1 2 3

CARMEN ELIZABETH

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

NEW ENGLAND CERAMICS

Place the main text
Set the text in one size and typeface but with
bold headlines colored to match the bottom bar.
Use spaces, not indents, between paragraphs for
a flush edge. Place your primary articles in the
right column touching the bottom. Stay inside the
margins. Don’t fudge. If you have more text, add
pages, and place links where shown (inset).

CARMEN ELIZABETH

ARTISTS
CLIENTS
RATES
THE ARTISTPHOTOSHOOTS
COLLECTIONS
HISTORY

QUESTIONSQUESTIONS
STUDIO

NEW ENGLAND CERAMICS

Place graphics
Place small graphics in the narrow left column
touching the bottom. Note in this case that
neither graphic nor text fill the space. This is a
design technique. The result is a beautiful arc
of open space surrounding the material that
makes reading easy.

 4 of 9 

Small site, great format

0648

Before&After

®

Small site, great format

i U X

BAmagazine.com

5 of 9

Make a gallery

Its open space makes this format excellent for displaying single and multiple images
for catalogs, portfolios and so on. Place images on the right, captions on the left.

Studio

A

B

Danis dolore modolore
erillum sandre dolenismod
tissi. Ure tat. (A) Ut nisi bla

One big,
two small,
all square-ish

conse dolorem. Tatet, qui et
praese modio od dolorero
eu feugait praestrud enim

C

quam. (B) Ullandiam iniam

Rustic stoneware

dolore magna feum quamet.

Dsnis dolore modolore erillum

Texture and flasp modolore

sandre dolenismod tissi. Ure

erillum sandre dolenismod.

tat. Ut nisi bla conse dolorem

(C) Ut nisi bla conse dolorem.

indoors accum venit alisism.

Tatet, qui et praese modio od
dolorero eu feugait praestrud.

$56.00 U.S.
1 2 3 4 5 6 7

CARM E N E L I Z A B E T H

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

NEW ENGLAND CERAMICS

CARMEN ELIZABETH

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

NEW ENGLAND CERAMICS

One size, horizontal
Small object, big impact
Let the white space work for you. A small image
placed in a large space has more impact (and
more clarity) than a large image; the space captures your eye and draws it toward the image.
The same can be said of the logo. The green space
pushes the eye upward, amplifying its presence.

Multiple images
The design can accomodate two, three, four or
more images per page. Arrange the images in
a rectangle. Repetitive divisions—all one size
or shape —look best. If you want different sizes,
make them very different (above). Stay inside the
margins. Don’t fudge.
One size, vertical

 5 of 9 

Small site, great format

0648


Before&After

®

Small site, great format

BAmagazine.com

6 of 9

i U X

The details

Except for the logo, whose style is unique to you, set all the type on the site—
text, captions, links, everything—in one style, size and line spacing.

Sleek, simple
Verdana Is a universally
available, sans-serif font
whose minimal lines are
ideal for this minimalist
site. Size 11 px, line spacing
16 px, color 50% (or so)
gray. Set heads in bold; for
contrast they can be black
or colored to match the bar.

Avoid text wraps
Work in straight lines —
up-down, left-right. Use
the columns; put images on
one side, text on the other.

Portsmouth Collection

Emral vases modolore erillum
sandre dolenismod tissi. Ure
tat. Ut nisi bla conse dolorem
indoors accum venit alisism
olummolum deliquam irilit

Verdana

loresir sectet laor autpat sft la

Verdana

CARMEN ELIZABETH

feugue. Lesed eugue faccum.

1 2 3 4 5 6 7

1 2 3 4 5 6 7

Bold

NEW ENGLAND CERAMICS

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

Third level links take the
viewer to other pages and are
set horizontally with an extra
space or two between. Make
the active link bold, and color
it to match the bar beneath.

Smithfield
Portsmouth
Westerly

Regular

Greenwich
Barrington

Portsmouth Collection

11 px

Emral vases modolore erillum
sandre dolenismod tissi. Ure

11 px

tat. Ut nisi bla conse dolorem

indoors accum venit alisism
olummolum deliquam irilit
loresir sectet laor autpat sft la
feugue. Lesed eugue faccum.

Clunky, complex

16 px

Second level links take the viewer deeper into
a category and are set vertically in upper- and
lowercase to contrast with the all-caps title. Make
a small arrow to highlight the active link. Alternatively, the active link may be set in bold.

 6 of 9 

Small site, great format

0648


Before&After

®

Small site, great format

BAmagazine.com

7 of 9

i U X

Template: Small format Web site
Page size: 720 x 480 px
Measurements are in pixels (px)

720 px
62 px

80 px

150 px

350 px

120 px

171 px

480 px
62 px
25 px

240 px

460 px

160 px

20 px

 7 of 9 

Small site, great format

0648


Before&After

®

BAmagazine.com

8 of 9

Small site, great format

i U X

Article resources

Typefaces

“Dsnis dolore modolore erillum
sandre dolenismod tissi. Ure
tat. Ut nisi bla conse dolorem

4

indoors accum venit alisism
olummolum deliquam irilit

1a

CARMEN ELIZABETH
NEW ENGLAND CERAMICS

2

loresir sectet laor autpat sft la
feugue.Lesed eugue faccum.”

5
1b
3

–Dana Lane

C A R M EN ELIZABETH

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

7

6b

6f

7

R92 G126 B109

8

R142 G133 B122

2 Helvetica Neue 45 Light
14 px, Letter Spacing +1.5 px

9

R168 G168 B168

3 Helvetica Neue 55 Roman
9 px, Letter Spacing +1.5 px

10 R237 G234 B230

5 Verdana Bold | 11/16 px

4

6e

1 (a–b) Goudy Old Style
a) 26 px, Letter Spacing +5 px
b) 16 px, Letter Spacing +2 px

4 Verdana | 11/16 px

QUESTIONS

NEW ENGLAND CERAMICS

6a

Colors

6c

8

9

10

Images
6 (a–g) iStockphoto.com
a b c d e f g

6d

6g

 8 of 9 

Small site, great format

0648


Before&After

®

Small site, great format

BAmagazine.com

9 of 9

Subscribe to Before & After
Subscribe to Before & After, and become a
more capable, confident designer for pennies
per article. To learn more, go to
/>E-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notified by e-mail of new articles as
they become available, go to
/>

i U X

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 understandable, 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
www
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: .
For all other permissions, please contact us.

 9 of 9

|

Printing formats 

Small site, great format

0648


Before&After

BAmagazine.com

®

i U X

Before & After is made to fit 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.

For presentation format
Print: (Specify pages 1–9)

For paper-saver format
Print: (Specify pages 11–15)

Print
Format: Landscape
Page Size: Fit to Page

Save
Presentation format or
Paper-saver format

 Back

|

Paper-saver format 


“Dsnis dolore modolore erillum
sandre dolenismod tissi. Ure

olummolum deliquam irilit

indoors accum venit alisism

tat. Ut nisi bla conse dolorem

–Dana Lane

feugue. Lesed eugue faccum.”

loresir sectet laor autpat sft la

NEW ENGLAND CERAMICS

CARMEN ELIZABETH

1 2 3 4 5 6 7

COLLECTIONS

COLLECTIONS

HISTORY

HISTORY

NEW ENGLAND CERAMICS

THE ARTIST

STUDIO

STUDIO

QUESTIONS

QUESTIONS

Small site, great format

0648

Handsome typographic title in a field of white conveys quietness and confidence.
Its minimal setting sets the tone for the pages to follow.

1 of 5

Before&After | www.bamagazine.com



Rustic stoneware

indoors accum venit alisism.

tat. Ut nisi bla conse dolorem

sandre dolenismod tissi. Ure

Dsnis dolore modolore erillum

$56.00 U.S.

NEW ENGLAND CERAMICS

CARMEN ELIZABETH

THE ARTIST

Small site
great format

Main

A uniform grid

It looks like two sections—one
light, one dark—but it’s really four:
presentation areas on top), logo
and navigation areas beneath—
that remain constant throughout.

CARMEN ELIZABETH

This simple beauty is ideal for professionals and small enterprises.

Great format for a small site

This simple beauty
is ideal for professionals
and small enterprises.

Side

Links

“But I only need a small site!” How
many times have you thought that?
If you’re a solo professional or part of
a small group, the site shown here is
made for you. Its fresh, open space
is ideal for short text as well as portfolio or product images. It’s designed
to be beautifully small; it’s not a halfempty big site. It’s easy to make, easy
to maintain and compelling to read.
Here’s how to do it.

Logo

0648 Small site, great format




Make the foundation

1
1/3

1/3

2

Define the margins
(1) Divide the thirds into thirds. Using the third
as a guide, draw your margins (dashed line) as
shown above. Note that top and bottom come
out narrower than left and right. (2) Widen the
right margin by 150% (that 3:2 ratio again). By the
way, none of these measurements must be exact
to the pixel, just close enough to recreate the
look of the proportions.

Ure tat. Ut nisi bla conse

sandre dolenismod tissi.

Dsnis dolore modolore erillum

modio od dolorero eu feugait

dolorem. Tatet, qui et praese

dolore magna feum quamet

deleniaIpit nullandiam iniam

praestrud enim quam, sustinit

iriurerat esendit prat dolor
sustie magna ad dolobor in

Obor acil et dunt del ipit am.

summy nonsendio od diat.

del ipit am, sed del ipisit,

exerat niat. Obor acil et dunt

versusci blan hendrer aestrud

NEW ENGLAND CERAMICS

CARMEN ELIZABETH

THE ARTIST

COLLECTIONS

HISTORY

STUDIO

QUESTIONS

Align elements from the bottom up
Think upside down. You’ll align text and graphics
with the grid intersection highlighted above. All
text and graphics must touch this point. Text in
the left column aligns to the right; text in the right
aligns to the left (inset). Logo and
links are stationary in the dark
bottom band as shown above.

0648



Links area

The site is a two-column design on a fixed-size page. You can use our template on
page 4. If you’ll want a different size (fairly likely), here’s how to set it up.

3:2 width-to-depth ratio

1/3

1/3

Everything’s in thirds
Set a fixed-size page with a depth two-thirds
its width (for example: 900 x 600 px). Divide the
space into thirds both ways. You’ll fill the bottom third with a fairly dark color, then lighten the
Links area just enough to be
different (ours is 90%) and still
look like one bar, not separate
sections (inset).

Place text and graphics

nos nos essi blan hent wis nonsed.

magnisim am quam niam ea facipsumsan volobore mod mod tatue feume

sectet laor autpat sft la feugue. Lesed eugue faccum iure tio dolutpat lute

Tos nis dolore modolore erillum sandre dolenismod tissi. Ure tat. Ut nisibla

About the artist

Each page can carry a small amount of text, a few graphics, or some of both.
The main elements go on the right, support elements on the left.

History of ceramics
Fos nis dolore modolore erillum sandre dolenismod tissi. Ure tat. Ut nisi bla
conse dolorem ver accum venit alisism olummolum deliquam irilit loresir

conse dolorem ver accum venit alisism olummolum deliquam irilit loresir

sectet laor autpat sft la feugue. Lesed eugue faccum iure tio dolutpat lute
magnisim am quam niam ea facipsumsan volobore mod mod tatue te feum

Dolore tin ute diamcon ulluptat wismolobore con ute corperos dolore

nonullaorem vel ip eu facipis modiam eriustis nibh.

ARTISTS
CLIENTS
RATES
THE ARTISTPHOTOSHOOTS
COLLECTIONS
HISTORY

Small site, great format

Place graphics
Place small graphics in the narrow left column
touching the bottom. Note in this case that
neither graphic nor text fill the space. This is a
design technique. The result is a beautiful arc
of open space surrounding the material that
makes reading easy.

QUESTIONSQUESTIONS
STUDIO

nonulputet er adio commodionse feuipisim enissed diam, si. Ibh erit

The duiscidunt lumsan ut veros am vercip enismolore del irilit do commy

doon utat. On vullandre vel ullan vulland reetue tatin hent elessit luptata.

STUDIO

praesto odoloreet volorperosto dolent niat num dolenit vel elisci.

HISTORY

NEW ENGLAND CERAMICS

commy nonulputet er adio commodionse feuipisim enissed diam, said erit

luptat at. Duiscidunt lumsan ut veros am vercip enismolore del irilit do

do con utat. On vullandre vel ullan vulland reetue tatin hent elessit

Dolore tin ute diamcon ulluptat wismolobore con ute corperos dolore

nos nos essi blan hent wis nonsed.

CARMEN ELIZABETH

nonullaorem vel ip eu facipis modiam eriustis nibh ea faciniat duiscident.

COLLECTIONS

QUESTIONS

Questions and comments ugiatummod magnim del ullan ullam illa facilit

1 2 3

THE ARTIST

2 of 5

Before&After | www.bamagazine.com

Place the main text
Set the text in one size and typeface but with
bold headlines colored to match the bottom bar.
Use spaces, not indents, between paragraphs for
a flush edge. Place your primary articles in the
right column touching the bottom. Stay inside the
margins. Don’t fudge. If you have more text, add
pages, and place links where shown (inset).

NEW ENGLAND CERAMICS

C A R M E N E LI Z A B E T H

0648 Small site, great format



Make a gallery

HISTORY

STUDIO

QUESTIONS

1 2 3 4 5 6 7

THE ARTIST

Smithfield

COLLECTIONS

Portsmouth
Westerly

Studio
Danis dolore modolore
erillum sandre dolenismod

praese modio od dolorero

conse dolorem. Tatet, qui et

tissi. Ure tat. (A) Ut nisi bla

eu feugait praestrud enim

quam. (B) Ullandiam iniam

erillum sandre dolenismod.

Texture and flasp modolore

dolore magna feum quamet.

dolorero eu feugait praestrud.

Tatet, qui et praese modio od

(C) Ut nisi bla conse dolorem.

NEW ENGLAND CERAMICS

CARMEN ELIZABETH

A

THE ARTIST

COLLECTIONS

HISTORY

B

C

STUDIO

QUESTIONS

Multiple images
The design can accomodate two, three, four or
more images per page. Arrange the images in
a rectangle. Repetitive divisions—all one size
or shape —look best. If you want different sizes,
make them very different (above). Stay inside the
margins. Don’t fudge.

HISTORY

STUDIO

QUESTIONS

One big,
two small,
all square-ish

0648

Clunky, complex

One size, vertical

Sleek, simple

Avoid text wraps
Work in straight lines —
up-down, left-right. Use
the columns; put images on
one side, text on the other.

1 2 3 4 5 6 7
Third level links take the
viewer to other pages and are
set horizontally with an extra
space or two between. Make
the active link bold, and color
it to match the bar beneath.

Small site, great format



COLLECTIONS

1 2 3 4 5 6 7

THE ARTIST

Portsmouth Collection
Emral vases modolore erillum
sandre dolenismod tissi. Ure

olummolum deliquam irilit

indoors accum venit alisism

tat. Ut nisi bla conse dolorem

loresir sectet laor autpat sft la
feugue. Lesed eugue faccum.

NEW ENGLAND CERAMICS

CARMEN ELIZABETH

Greenwich
Barrington

Second level links take the viewer deeper into
a category and are set vertically in upper- and
lowercase to contrast with the all-caps title. Make
a small arrow to highlight the active link. Alternatively, the active link may be set in bold.

3 of 5

Before&After | www.bamagazine.com

One size, horizontal

Its open space makes this format excellent for displaying single and multiple images
for catalogs, portfolios and so on. Place images on the right, captions on the left.

Rustic stoneware
Dsnis dolore modolore erillum

sandre dolenismod tissi. Ure

$56.00 U.S.

indoors accum venit alisism.

tat. Ut nisi bla conse dolorem

NEW ENGLAND CERAMICS

CARMEN ELI Z A B E T H

Small object, big impact
Let the white space work for you. A small image
placed in a large space has more impact (and
more clarity) than a large image; the space captures your eye and draws it toward the image.
The same can be said of the logo. The green space
pushes the eye upward, amplifying its presence.

The details

16 px

11 px

11 px

Except for the logo, whose style is unique to you, set all the type on the site—
text, captions, links, everything—in one style, size and line spacing.

Verdana Is a universally
available, sans-serif font
whose minimal lines are
ideal for this minimalist
site. Size 11 px, line spacing
16 px, color 50% (or so)
gray. Set heads in bold; for
contrast they can be black
or colored to match the bar.

Verdana
Bold

Regular

Verdana
Portsmouth Collection
sandre dolenismod tissi. Ure

Emral vases modolore erillum
tat. Ut nisi bla conse dolorem
olummolum deliquam irilit

indoors accum venit alisism
loresir sectet laor autpat sft la
feugue. Lesed eugue faccum.

0648 Small site, great format



4

480 px

7

8

2

1a

460 px

10

720 px

9

6d

350 px

Template: Small format Web site

150 px

20 px

HISTORY

6c

QUESTIONS

Page size: 720 x 480 px
Measurements are in pixels (px)

80 px

240 px

COLLECTIONS

NEW ENGLAND CERAMICS

THE ARTIST

4

6b

6g

STUDIO

CARMEN ELIZABETH

Article resources

indoors accum venit alisism

tat. Ut nisi bla conse dolorem

sandre dolenismod tissi. Ure

“Dsnis dolore modolore erillum

olummolum deliquam irilit

–Dana Lane

feugue.Lesed eugue faccum.”

loresir sectet laor autpat sft la

NEW ENGLAND CERAMICS

C A R M E N E L I ZABETH

6a

6f

Typefaces

120 px

62 px

171 px

62 px
25 px

160 px

1 (a–b) Goudy Old Style
a) 26 px, Letter Spacing +5 px
b) 16 px, Letter Spacing +2 px
2 Helvetica Neue 45 Light
14 px, Letter Spacing +1.5 px
3 Helvetica Neue 55 Roman
9 px, Letter Spacing +1.5 px
4 Verdana | 11/16 px
5 Verdana Bold | 11/16 px

Images
6 (a–g) iStockphoto.com
a b c d e f g

4 of 5

Before&After | www.bamagazine.com

8

7

R168 G168 B168

R142 G133 B122

R92 G126 B109

Colors

9

10 R237 G234 B230

Small site, great format

0648



5
1b
3

6e

0648 Small site, great format



Subscribe to Before & After
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 understandable, 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
www
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: .
For all other permissions, please contact us.

Small site, great format

0648



Subscribe to Before & After, and become a
more capable, confident designer for pennies
per article. To learn more, go to
/>E-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notified by e-mail of new articles as
they become available, go to

5 of 5

Before&After | www.bamagazine.com

/>
0648 Small site, great format