Click here to Skip to main content
15,885,767 members
Search within:


Articles / All Topics
 
Technical Blog
View Original

60 Design Templates for Windows Store Apps

Rate me:
Please Sign up or sign in to vote.
4.95/5 (16 votes)
4 Jul 2013CPOL8 min read 104.8K   30   4
60 design templates for Windows Store apps.

I recently tweeted about some upcoming new design templates. At that time, these templates were not released yet. Today, I stumbled on them again. And it turns out that they are available for free on CodePlex. You can see them all here.

It’s not recommended to uses these templates as is. They’re provided as Visual Studio solutions in C# and JS and you should change the design to match your brand, of course.

Click on the image to go to the template. 

Windows 8 App Design Reference Template: Block Style ColorBlock Style Color template will help if you want to build an app which needs a Variable Size Content display block. The Block Style Color template contains placeholders for Category and Detail Page. You can leverage this style if your implementation scenario is closest to this template.
Windows 8 App Design Reference Template: Block Style PictureBlock Style Pic template is an emulation of a data storage app with placeholders for category and details data.
Windows 8 App Design Reference Template: Brick StyleBrick Style template will help if you want to adopt a brick style variable size display in your app’s hub page.
Windows 8 App Design Reference Template: Cook BookCook Book template will help if you want to build an app which has the following ingredients:

  • Group display
  • Category display
  • Recipe detail display

Making use of this template, you can create any Cookbook app.

Windows 8 App Design Reference Template: E-Commerce ElectronicsE-Commerce Electronic template will help if you want to build an app which has the following ingredients:

  1. Category Display
  2. Group Category Display
  3. Category Detail Display
  4. Detail Display
Windows 8 App Design Reference Template: E-Commerce FashionE-Commerce Fashion template will help if you want to build an app which has the following ingredients:

  1. Category Display
  2. Group Category Display
  3. Category Detail Display
  4. Detail Display
Windows 8 App Design Reference Template: FinanceFinance template will help if you want to build an app which has the following ingredients:

  1. Chart & Market Indies Display
  2. Market Indies Display

The finance template is an emulation of a Finance app with placeholders for Chart and Market Indies data. Making use of this template, you can create any Market Watch app.

Windows 8 App Design Reference Template: Food and DiningThe Food and Dining template is an emulation of a Recipe app with placeholders for various category of recipe, Ingredients and Instruction.
Windows 8 App Design Reference Template: Food LightFood Light template will help if you want to build an app which has the following ingredients:

  1. Recipe Details
  2. Restaurant

The Food Light template is an emulation of a Recipe app with placeholders for various categories of recipe, Ingredients and Instruction.

Windows 8 App Design Reference Template: Health & FitnessThe Health & Fitness is an emulation of a fitness app with placeholders for Category, Group Category, and Detail data. Making use of this template, you can create any fitness app.
Windows 8 App Design Reference Template: InvitationThe Invitation template is an emulation of an invitation app with placeholders for event category, catalogue, details and review share data. You can also share the created invitation through share source.
Windows 8 App Design Reference Template: MusicMusic template will help if you want to build an app which has the following ingredients:

  1. Music Category Display
  2. Playlist Display
  3. Music Player
Windows 8 App Design Reference Template: News DarkNews Dark template is an emulation of a News app with placeholders for News category and News details.
Windows 8 App Design Reference Template: News GreyNews Grey template is an emulation of a News app with placeholders for News category and News details.
Windows 8 App Design Reference Template: News Variable TileNews Variable Tile template is an emulation of a News app with placeholders for News category, Group Category and Detail data.
Windows 8 App Design Reference Template: Photo BrowserPhoto Browser template is an emulation of a Picture browser app with placeholders for Category, Group Category, and Detail Data. Making use of this template, you can create a Photo Browser app.
Windows 8 App Design Reference Template: ShoppingShopping template will help if you want to build an app which has the following ingredients:

  1. Product Category Display
  2. Product Catalogue Display
  3. Product Details Page

The shopping template is an emulation of a shopping app with placeholders for product category, catalogue and details data. Shopping cart and eventual payment features are left out of the template intentionally as they are better dealt during actual implementation.

Windows 8 App Design Reference Template: Travel Dark ThemeTravel Dark Background template is an emulation of a travel app with placeholders for Vacation destination, group destination and destination detail data. Add to favourite features are left out of the template intentionally as they are better dealt with during actual implementation.
Windows 8 App Design Reference Template: RestaurantRestaurant template is an emulation of a Restaurant app with placeholders for Restaurant category, Restaurant Details. Booking Table and eventual payment features are left out of the template intentionally as they are better dealt with during actual implementation.
Windows 8 App Design Reference Template: Tutor AdvancedTutor Advanced template is an emulation of a tutor app with placeholders for Category, Gallery, and Detail data.
Windows 8 App Design Reference Template: TutorTutor template is an emulation of a tutor app with placeholders for category, catalogue and details data.
Windows 8 App Design Reference Template: Baby JournalBaby Journal template is an emulation of a Baby Journal app with placeholders for Category, Gallery, and Detail data. Making use of this template, you can create a Baby Journal app.
Windows 8 App Design Reference Template: Basic GameBasic Game template will help if you want to build an app which has the following ingredients:

  1. Game Category Display
  2. Game Catalogue Display
  3. Game Page
Windows 8 App Design Reference Template: BlocksBlocks template provides navigation placeholders in the hub page followed by content blocks in the details page.
Windows 8 App Design Reference Template: ForumForum template will help you build an app which has elements of connecting to various discussion groups.
Windows 8 App Design Reference Template: DrawingDrawing template is an emulation of a Painting app with placeholders for Colour selection and Tool Box.
Windows 8 App Design Reference Template: ECommerce JewelleryE-Commerce Jewellery template is an emulation of a Shopping app with placeholders for Category, Group Category, and Detail Data. Making use of this template, we can create any Ecommerce app. Shopping Cart functionality is left out of the template intentionally as they are better dealt with during actual implementation.
Windows 8 App Design Reference Template: FitnessFitness template is an emulation of a health and fitness app with placeholders for Category, Group Category, and Detail data.
Windows 8 App Design Reference Template: Food VariableFood Variable template is an emulation of a Recipe app with placeholders for various categories of recipe, Ingredients and Instruction.
Windows 8 App Design Reference Template: Health ManagementHealth Management template is an emulation of a personal health manager with placeholders for Profile, Reports and Patient details.
Windows 8 App Design Reference Template: Language ConvertorLanguage Converter template is an emulation of a Language Translator app with placeholders for Category Selection, Choose Scenario and Translate.
Windows 8 App Design Reference Template: LifestyleLifestyle Template will help if you want to build an app which has the following ingredients:

  1. Restaurant Search
  2. Food, Nightlife and Events Search
  3. Today’s Happening
Windows 8 App Design Reference Template: MatchingMatching Template will help if you want to build an app which has the following ingredients:

  1. Choose the Best
  2. Matching Pattern
Windows 8 App Design Reference Template: News and WeatherNews and Weather template is an emulation of a News app with placeholders for Grouped Items, Weather, and Detail data.
Windows 8 App Design Reference Template: News Big ImageNews Big Image template is an emulation of a News app with placeholders for News category, Group Category and Detail data.
Windows 8 App Design Reference Template: NewsNews template is an emulation of a News app with placeholders for News category, article and video data.
Windows 8 App Design Reference Template: NotesNotes template will help if you want to build an app which has the following ingredients:

  1. Calendar Display
  2. Overdue Display
  3. Task Display
Windows 8 App Design Reference Template: Pillar BlockPillar Block template is an emulation of a Pillar Block app with placeholders for category Display (Local News, Local Events, etc.), and details.
Windows 8 App Design Reference Template: Planning DiaryPlanning Dairy Template will help if you want to build an app which has the following ingredients:

  1. Schedule Tracking
  2. Schedule Planning
Windows 8 App Design Reference Template: ProductProduct template is an emulation of a shopping app with placeholders for Category, Group Category, and Detail data.
Windows 8 App Design Reference Template: RecipeRecipe template is an emulation of a Recipe app with placeholders for Recipe List, Recipe details data.
Windows 8 App Design Reference Template: Shoe StoreShoe store template is an emulation of a Shopping app with placeholders for Category, Group Category, and Detail data.
Windows 8 App Design Reference Template: SolutionSolution template will help if you want to build an app which has the following ingredients:

  1. Topics Display
  2. Query Solution Display
  3. Query logging
Windows 8 App Design Reference Template: Standard SquareStandard Square template will have a Square tile with placeholders for product category and details data.
Windows 8 App Design Reference Template: Text KeyboardText Keyboard template is an emulation of a Keyboard with placeholders for the text keys.
Windows 8 App Design Reference Template: TrackingTracking template is an emulation of tracking apps with placeholders for category and details data. Add, Delete and Refresh are left out of the template intentionally as they are better dealt with during actual implementation.
Windows 8 App Design Reference Template: TranslatorTranslator template is an emulation of a translating app with placeholders for translating one language to other. Select language features are left out of the template intentionally as they are better dealt with during actual implementation.
Windows 8 App Design Reference Template: Travel and TourismTravel & Tourism template is an emulation of a travel app with placeholders for Summary, Category, and Detail data.
Windows 8 App Design Reference Template: Travel Light ThemeTravel light theme is an emulation of a travel app with placeholders for Summary, Group summary, and Detail data.
Windows 8 App Design Reference Template: Travel PictureTravel picture template is an emulation of a travel app with placeholders for Vacation destination, group destination and tour detail data. Enquire and Bookmark features are left out of the template intentionally as they are better dealt with during actual implementation.
Windows 8 App Design Reference Template: Financial AdviserFinancial Adviser template will help if you want to build an app to manage personal finances.
Windows 8 App Design Reference Template: Unit ConvertorUnit Convertor will help if you want to build an app that brings in various conversion logic/units under one roof.
Windows 8 App Design Reference Template: News Light ThemeNews Light Theme will help if you want to build an app which has the following ingredients:

  1. News Category Display
  2. Article Display
  3. Video Page
Windows 8 App Design Reference Template: FoodThe Food Template is an emulation of a Recipe app with placeholders for different Categories.
Windows 8 App Design Reference Template: Simple GridThe Simple Grid will help if you want to build an app which has a uniform display of tiles which are proportionate.
Windows 8 App Design Reference Template: Variable Grid Style AThe Variable Grid Style A template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate.
Windows 8 App Design Reference Template: Variable Grid Style BThe Variable Grid Style B template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate.
Windows 8 App Design Reference Template: Variable Grid Style CThe Variable Grid Style C template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate.
Windows 8 App Design Reference Template: Variable Grid Style DThe Variable Grid Style D template will help if you want to build an app which has an option for an image followed by uniform display of tiles which are proportionate.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Timmy Kokke
Software Developer (Senior) Velicus B.V.
Netherlands Netherlands
Microsoft MVP Client Dev . Founder of http://StoreAppsUG.nl, the Dutch Windows Store apps and Windows Phone apps usergroup. XAML / HTML5 developer. Writer. Composer. Musician.

Twitter
@Sorskoot

Awards / Honers
• October 2010,2011,2012,2013: Awarded Microsoft Expression Blend MVP
• June 2009: Second Place in the WinPHP challenge
• February 2009: Runner-up in de Mix09 10k Challenge
• June 2008: Winner of the Microsoft expression development contest at www.dekickoff.nl

Bio
I started programming around 1992, when my father had bought our first home computer. I used GWBasic at that time. After using QBasic and Pascal for a few years I started to learn C/C++ in 1996. I went to the ICT Academy in 1997 and finnished it in 2002. Until December 2007 I worked as a 3D specialist. Besides modelling I worked on different development projects like a 3D based Scheduler and different simultion tools in C# and Java. Though out the years I've gained much experience with ASP.NET, Silverlight, Windows Phone and WinRT.

Comments and Discussions

 
First Prev Next
QuestionThanks for this wonderful sharing. Pin
nisar mohamed28-Aug-14 23:49
nisar mohamed28-Aug-14 23:49 
AnswerRe: I got it Pin
nisar mohamed10-Sep-14 22:50
nisar mohamed10-Sep-14 22:50 
Last Visit: 31-Dec-99 18:00     Last Update: 25-Apr-24 4:01Refresh1

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink
Advertise
Privacy
Cookies
Terms of Use
Layout: fixed | fluid

Posted 4 Jul 2013

Article Copyright 2013 by Timmy Kokke
Everything else Copyright © CodeProject, 1999-2024

Web02 2.8:2024-04-02:1