Blackspike Design Ltd

Agenda View – Windows Phone app site and icon

Visit windows-phone-agenda.com

We created a new site and icon for our friends at interact-sw.co.uk – they built a handy calendar app for the upcoming 8.1 release.

We first designed the logo, making it really crisp and to be as ‘system default’ looking as possible.

By designing the logo in Illustrator and using the vectors embedded in the page with SVG, the crispness stands out on desktop browsers and even more so in hi-DPI screens in just a few lines:

<svg class="main_logo">
  <g class="icon">
  	<g class="icon_lines">
  		<rect x="33" y="44" fill="#1A98EE" width="24" height="6"/>
  		<rect x="33" y="70" fill="#1A98EE" width="31" height="3"/>
  		<rect x="33" y="55" fill="#1A98EE" width="42" height="3"/>
  		<rect x="33" y="63" fill="#1A98EE" width="37" height="3"/>
  	</g>
  	<path class="icon_frame" fill="#1A98EE" d="M79,23v-8h-9v8H36v-8h-9v8h-9v67h44l8-8v-9h10l8-9V23H79z M62,64v18H26V38h54v26H62z"/>
  </g>
</svg>

The simple two page site uses very light and clean HTML5, and uses responsive breakpoints so the content reflows to look great on any size screen. We also added a couple of lines of CSS3 to animate the introduction text to draw the eye to the elevator pitch copy.

Agenda View for Windows Phone 8.1

Visit windows-phone-agenda.com

Open/Close menu