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 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 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 of Small site, great format 0648 Before&After ® BAmagazine.com of 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 If you’ll want a different size (fairly likely), here’s how to set it up 3:2 width-to-depth ratio 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 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 of Small site, great format 0648 Before&After ® Small site, great format BAmagazine.com of 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 ute corperos dolore magnisim am quam niam ea facipsumsan volobore mod mod tatue feume 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 commy nonulputet er adio commodionse feuipisim enissed diam, said erit Dolore tin ute diamcon ulluptat wismolobore 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 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 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 of Small site, great format 0648 Before&After ® Small site, great format i U X BAmagazine.com of 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 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 of Small site, great format 0648 Before&After ® Small site, great format BAmagazine.com of 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 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 of Small site, great format 0648 Before&After ® Small site, great format BAmagazine.com of 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 of Small site, great format 0648 Before&After ® BAmagazine.com of Small site, great format i U X Article resources Typefaces “Dsnis dolore modolore erillum sandre dolenismod tissi Ure tat Ut nisi bla conse dolorem indoors accum venit alisism olummolum deliquam irilit 1a CARMEN ELIZABETH NEW ENGLAND CERAMICS loresir sectet laor autpat sft la feugue.Lesed eugue faccum.” 1b –Dana Lane C A R M EN ELIZABETH THE ARTIST COLLECTIONS HISTORY STUDIO 6b 6f R92 G126 B109 R142 G133 B122 Helvetica Neue 45 Light 14 px, Letter Spacing +1.5 px R168 G168 B168 Helvetica Neue 55 Roman px, Letter Spacing +1.5 px 10 R237 G234 B230 Verdana Bold | 11/16 px 6e (a–b) Goudy Old Style a) 26 px, Letter Spacing +5 px b) 16 px, Letter Spacing +2 px Verdana | 11/16 px QUESTIONS NEW ENGLAND CERAMICS 6a Colors 6c 10 Images (a–g) iStockphoto.com a b c d e f g 6d 6g of Small site, great format 0648 Before&After ® Small site, great format BAmagazine.com of Subscribe to Before & After Subscribe to Before & After, and become a more capable, confident 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 notified by e-mail of new articles as they become available, go to http://www.bamagazine.com/email 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 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 of | 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 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 of 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 it Logo 0648 Small site, great format Make the foundation 1/3 1/3 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 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 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 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 utat On vullandre vel ullan vulland reetue tatin hent elessit Dolore tin ute diamcon ulluptat wismolobore 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 THE ARTIST of 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 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 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 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 of 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 480 px 1a 460 px 10 720 px 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 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 (a–b) Goudy Old Style a) 26 px, Letter Spacing +5 px b) 16 px, Letter Spacing +2 px Helvetica Neue 45 Light 14 px, Letter Spacing +1.5 px Helvetica Neue 55 Roman px, Letter Spacing +1.5 px Verdana | 11/16 px Verdana Bold | 11/16 px Images (a–g) iStockphoto.com a b c d e f g of Before&After | www.bamagazine.com R168 G168 B168 R142 G133 B122 R92 G126 B109 Colors 10 R237 G234 B230 Small site, great format 0648 1b 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 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 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 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 notified by e-mail of new articles as they become available, go to of Before&After | www.bamagazine.com http://www.bamagazine.com/email 0648 Small site, great format [...]... 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... 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 Small site, great format 0648 Subscribe to Before & After, and become a more capable, confident designer for pennies per article... 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 &... 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... 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... 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:... 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... 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... 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... 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