<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Marmalade Moon &#187; fonts</title>
	<atom:link href="http://www.marmalademoon.com/tag/fonts/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.marmalademoon.com</link>
	<description>Art &#38; Design</description>
	<lastBuildDate>Mon, 30 Jan 2012 07:52:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Live Website Make Over: 5 Layout and Typography</title>
		<link>http://www.marmalademoon.com/live-website-make-over-5-layout-typography/</link>
		<comments>http://www.marmalademoon.com/live-website-make-over-5-layout-typography/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 13:57:25 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[My Creative Journal]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[divine proportion]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[golden ratio]]></category>
		<category><![CDATA[Headway]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[Live Web Site Make Over]]></category>
		<category><![CDATA[make over]]></category>
		<category><![CDATA[palette]]></category>
		<category><![CDATA[re-design]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=11891</guid>
		<description><![CDATA[Today I&#8217;m going to turn in a different more minimalist direction, opening up spaces and working with typography. Creating a focused, peaceful zen space. But first a thank you for your helpful feedback on yesterday&#8217;s experiment with the Quick Start Wizard. A Peréz liked the colours and the header, Tracy liked the colors and described the feeling [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic -->
<div id="attachment_11915" class="wp-caption aligncenter" style="width: 510px"><a title="minimalist marmalade moon (large version)" href="http://www.marmalademoon.com/wp/wp-content/uploads/marmalade-moon-minimalist-large.png" target="_blank"><img class="size-full wp-image-11915" title="marmalade-moon-minimalist" src="http://www.marmalademoon.com/wp/wp-content/uploads/marmalade-moon-minimalist.png" alt="minimalist marmalade moon" width="500" height="500" /></a>
<p class="wp-caption-text">minimalist marmalade moon</p>
</div>
<p><strong>Today I&#8217;m going to turn in a different more minimalist direction, opening up spaces and working with typography. Creating a focused, peaceful zen space</strong>.</p>
<p>But first a thank you for your helpful feedback on <a title="Live Website Make Over: 4 The Automagic Wizard" href="http://www.marmalademoon.com/live-website-make-over-automagic-wizard/">yesterday&#8217;s experiment with the Quick Start Wizard</a>. <a title="A. Pérez" href="http://cargocollective.com/aperez" target="_blank">A Peréz</a> liked the colours and the header, <a title="Prana Light" href="http://pranalight.typepad.com/" target="_blank">Tracy</a> liked the colors and described the feeling as &#8220;it’s like sitting in a cozy living room with glass of wine and great conversation&#8221; and <a title="Quillcards Blog" href="http://quillcards.com/blog/" target="_blank">David Bennett</a> offered a helpful suggestion for how I could fix the crowded menu. And several readers voted in the poll, offering their view on the Quick Start Wizard! Thank you!</p>
<h2>Creating a Harmonious Canvas</h2>
<ul>
<li>Stripped the design of colour, reducing it to black white and grey.</li>
<li>Adjusted the columns to be more harmonious, basing the widths on the Golden Ratio (or Divine Proportion)</li>
<li>After hours of experimenting with fonts, I settled on using the humanist sans-serif typeface Lucida Grande</li>
</ul>
<h2>Thoughts</h2>
<div>
<ul>
<li>I really wish I didn&#8217;t need to have a sidebar at all! It brings a lot of clutter to the layout. The way blogs work, it&#8217;s really difficult to get rid of all together&#8230; Still, I feel so much gets thrown at us on the internet and I&#8217;d like to go for a more peaceful feeling.</li>
<li>I think some more space is needed between the main area for content (to the left) and the sidebar (to the right). <em>Not sure how to do that</em>.</li>
<li>I&#8217;ll have to let this sink in during the weekend. Listen to your ideas. Tweak.</li>
<li>Once I feel the basic canvas is right, I&#8217;ll be turning my attention to different areas like the footer, the header and the sidebar. Adding more colour and graphics as I go.</li>
</ul>
</div>
<p>Note: There is a poll embedded within this post, please visit the site to participate in this post&#8217;s poll.</p>
<p>Note: There is a poll embedded within this post, please visit the site to participate in this post&#8217;s poll.</p>
<h2>FOLLOW THE WEBSITE MAKE OVER VIA EMAIL</h2>
<form style="border: 1px solid #ccc; padding: 3px; text-align: center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MarmaladeMoon', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">Enter your email address:<br />
<input style="width: 140px;" type="text" name="email" />
<input type="hidden" name="uri" value="MarmaladeMoon" />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="Subscribe" /></form>
<p>&nbsp;</p>
<div class="shr-publisher-11891"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/live-website-make-over-5-layout-typography/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Live Website Make Over: 4 The Automagic Wizard</title>
		<link>http://www.marmalademoon.com/live-website-make-over-automagic-wizard/</link>
		<comments>http://www.marmalademoon.com/live-website-make-over-automagic-wizard/#comments</comments>
		<pubDate>Thu, 27 Oct 2011 11:01:45 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[My Creative Journal]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[Headway]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[Live Web Site Make Over]]></category>
		<category><![CDATA[make over]]></category>
		<category><![CDATA[palette]]></category>
		<category><![CDATA[re-design]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=11840</guid>
		<description><![CDATA[The 4 Easy Steps of Headway&#8217;s Quick Start Wizard When you first open Headway&#8217;s Visual Editor, you&#8217;re greeted by a Quick Start Wizard. Lets give it a spin and see what it can create!  First the Wizard asks me to pick a layout. I select a layout with a sidebar to the right. Next I have [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic -->
<div id="attachment_11886" class="wp-caption aligncenter" style="width: 510px"><a title="Marmalade Moon. Design Wizard Version. (Large Image)" href="http://www.marmalademoon.com/wp/wp-content/uploads/marmalade-moon-design-wizard-large.png" target="_blank"><img class="size-full wp-image-11886" title="marmalade-moon-design-wizard" src="http://www.marmalademoon.com/wp/wp-content/uploads/marmalade-moon-design-wizard.png" alt="Marmalade Moon Design Wizard Version" width="500" height="500" /></a>
<p class="wp-caption-text">Marmalade Moon Design Wizard Version</p>
</div>
<h2>The 4 Easy Steps of Headway&#8217;s Quick Start Wizard</h2>
<p><em>When you first open Headway&#8217;s Visual Editor, you&#8217;re greeted by a Quick Start Wizard. Lets give it a spin and see what it can create! </em></p>
<div id="attachment_11862" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-11862 " title="headway-quick-start-wizard" src="http://www.marmalademoon.com/wp/wp-content/uploads/headway-quick-start-wizard-300x219.png" alt="Headway Quick Start Wizard" width="300" height="219" />
<p class="wp-caption-text">Headway Quick Start Wizard</p>
</div>
<ol>
<li>First the Wizard asks me to pick a <strong>layout</strong>. I select a layout with a sidebar to the right.</li>
<li>Next I have the option to upload a <strong>banner</strong> (size 960&#215;150), so I quickly create a banner using a recent design (<a title="Golden Ratio Autumn Wallpaper" href="http://www.marmalademoon.com/golden-ratio-autumn-wallpaper/">the Golden Ratio Autumn Wallpaper)</a> and the <a title="Live Website Make Over: 3 Design Ideas and Tools" href="http://www.marmalademoon.com/live-website-make-over-3-design-ideas-and-tools/">colour palette I&#8217;ve put together for this project</a>. <strong>Headway generates a palette based on my banner image</strong> and lets me pick three colours to work with as well as a background colour, by simply dragging and dropping the colours into the boxes.</li>
<li>Then the Quick Start Wizard lets me pick one <strong>font</strong> for my titles and one for my content. I pick Lucida Grande for headings and Georgia for content.</li>
<li>That&#8217;s it! Headway autmagically generates a design for me in seconds!</li>
</ol>
<h2>Ta Da!</h2>
<p>Well, here it is. The automagic design. Depending on how happy you are with the results this could be the final design, or you could use it as a starting point and go on tweaking your design from here. <!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> What I like about it at this point is that Headway automatically adds a search field, pagination at the bottom of the page, a link to your RSS-feed and a 404 Error Page Template.</p>
<h2>What do you think of the Quick Start Wizard?</h2>
<p>Note: There is a poll embedded within this post, please visit the site to participate in this post&#8217;s poll.</p>
<h2>Tomorrow</h2>
<p>Although I&#8217;m impressed with what the Quick Start Wizard accomplished, this design doesn&#8217;t quite feel like my style. I&#8217;ll be back again tomorrow with the next few steps in this redesign process.</p>
<h2>In Depth</h2>
<p><em>Check out the video below, if you want to know more in depth how to use the Quick Start Wizard and the Visual Editor in Headway. Actually, if you watch this video, you&#8217;ll know as much about Headway as I do!</em> <span class="Apple-style-span" style="font-size: 20px; font-weight: bold;"> </span><span class="Apple-style-span" style="font-size: 20px; font-weight: bold;"> </span></p>
<p><iframe src="http://player.vimeo.com/video/19113663?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="500" height="281"></iframe></p>
<p><a href="http://vimeo.com/19113663">Learning Headway 1 &#8211; Beginning Steps</a> from <a href="http://vimeo.com/headwaythemes">Headway Themes</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>FOLLOW THE WEBSITE MAKE OVER VIA EMAIL</h2>
<form style="border: 1px solid #ccc; padding: 3px; text-align: center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MarmaladeMoon', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">Enter your email address:</p>
<input style="width: 140px;" type="text" name="email" />
<input type="hidden" name="uri" value="MarmaladeMoon" />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="Subscribe" /></form>
<p>&nbsp;</p>
<div class="shr-publisher-11840"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/live-website-make-over-automagic-wizard/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

