Naked

by Banned 5 replies
7
Well not quite. But unclothed anyway. No accoutrements - if you get my drift. Yeah yeah - safe for work.

Click here to make love to the page

BTW this comes from Jack Duncan - who used to be Top Dog on the WSO board before the New Wave took over.
#copywriting #naked
  • Banned
    Nice one Mal. Simple, clean is always best.

    Copy / paste into your HTML editor of choice... (replace text as necessary).

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Place Your Title Here</title>
    <style type="text/css">
    <!--
    body {
    font-size: .9em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    background-color: #e6e7e8;
    text-align: justify;
    }

    h1, h2, h3, h4, h5, h6 {
    text-align: center;
    line-height: 1.3em;
    }
    h1 {
    font-size: 3em;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-bottom:.2em;
    font-style: normal;
    line-height: normal;
    word-spacing: normal;
    letter-spacing: normal;
    white-space: normal;
    color: #333;
    }
    h2 {
    font-size: 1.0em;
    margin: 1.8em 0 .8em 0;
    color:#333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2em;
    line-height: 1.4em;
    letter-spacing: .09em;
    }
    ul li, ol li {
    font-size: 12pt;
    list-style-type: decimal;
    list-style-position: outside;
    margin-top: auto;
    margin-right: 50px;
    margin-left: 50px;
    font-weight: normal;
    line-height: 1.4em;
    white-space: normal;
    display: list-item;
    padding-bottom: 1.4em;
    }
    #salesletter {
    width: 40em;
    border: 1px solid #bbb;
    background-color: #FFF;
    padding: 2em;
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    text-align: left;
    }

    .subhead {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.9em;
    line-height:1.4em;
    margin-top:0;
    text-align: center;
    font-style: normal;
    word-spacing: normal;
    letter-spacing: normal;
    white-space: normal;
    padding: .5em;
    }

    .indent {margin-top:0;}
    p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12pt;
    font-style: normal;
    line-height: 1.3em;
    text-align: justify;
    word-spacing: normal;
    letter-spacing: normal;
    white-space: normal;
    }
    -->
    </style>
    </head><body>
    <div id="salesletter">
    <h1>Place your perfect headline here...in lowercase (never use a period at the end)<strong></strong></h1>
    <p class="subhead">This subhead should also be in lowercase with no period at the end</p>
    <p>This is the beginning of your body text. Notice that we have spaced the text in such a way that it isn't too cluttered. Also, one major change is the use of justify, instead of ragged right.</p>
    <p>This page layout is based on the book, <em>Type &amp; Layout: How typography and design can get your message across - or get in the way</em> by Colin Wheildon. (Forward by David Ogilvy...renowned copywriter)</p>

    <p>Here is a short summary of the principles that affected the construction of this template:</p>
    <p class="subhead">What really affects reading comprehension in typographical layout?</p>
    <p>Colin Wheildon was an Australian who spent 6 months trying to find some definative answer to the simple question: &quot;How does typography affect the comprehension of my direct mail pieces?&quot;</p>
    <p>Frustrated, he resigned himself to conduct a massive scientific study on this very topic.</p>
    <p class="subhead">Here are just some of the things that Colin Wheildon proved in his typography study...</p><ul>
    <li>Always use a serif body type when creating a print ad. (This doesn't apply to web design...which is why this body type used is san serif.) </li>
    <li>Always observe the law of reading gravity. (Don't forget the importance of the Gutenburg Diagram) <br />

    </li>
    <li>Headlines can be in serif or san serif body type, but they should be in lowercase...and the headline should never end in a period.
    <br />
    </li>
    <li>You should not overly space between characters. A small space may be used, but be careful not to break reading rhythm.</li>
    <li>Do not use ornamental typefaces.</li>
    <li>Use any text color, as long as it is black.</li>
    <li>10% cyan hue with black text is attractive to the reader.</li>

    <li>Italic body type...while unusual, does not affect the reader in any way.</li>
    <li>Justified body text is easier to read than ragged right (aligned left) text.</li>
    <li>Spacing between lines is important to keep the body text from feeling heavy.</li>
    </ul>
    <p>He had plenty more to say...and I'd encourage you to grab a copy of his book and read it from front to back. It may surprise you and it certainly can help anyone interested in getting their message across in a salesletter!</p>
    <p>&nbsp;</p>
    &nbsp;&copy; Copyright 2008 Place Your Company Name Here. All Rights Reserved.
    </div>

    </body>
    </html>

    Best,


    Mark Andrews
  • Banned
    Straight from "View - Page Source". On Firefox you'll get to it "Tools - Web Developer - Page Source"
    • [ 1 ] Thanks
    • [1] reply
    • Banned
      Right click. View Page Source.

      Copy. Paste. Same thing.
  • good find... ya.. jack is another old school dude... and is a straight up gangsta.
    • [1] reply
    • And as much as it distresses me to envision Mal sans apparel, this post is just one of the reasons why the old guys rock this forum.

      Doc
Join the discussion

Next Topics on Trending Feed

  • 7

    Naked

    Well not quite. But unclothed anyway. No accoutrements - if you get my drift. Yeah yeah - safe for work. Click here to make love to the page