Skip to main content

Posts

Showing posts from November, 2012

SharePoint 2013 Photoshop Layered file!

Thanksgiving just past and I was in the mood for giving! I just finished my SharePoint 2013 Layered Photoshop file. I have created these and shared them in the past for 2007 and 2010. For this version I added in a couple of different templates and even some alternative background images for you to mess around with. All text, images, icons, logos, are editable and in their own layer. All fonts are to exact size per the OOTB RTM version of 2013. Use this file as your starting point for all your new 2013 branding projects. Provide feedback by replying to this post!Template Layers:Team SiteCommunityPublishing PortalDownload PSD File

SharePoint 2013 Snippet Gallery Default Items

When I attended the SharePoint conference 2012 a group of dream team SharePoint designers all came together over lunch to chat about design and the new design features within SharePoint 2013. One of the topics of conversation was around the Snippet Gallery and if there was a list of all the standard OOTB snippets. No one knew of any such list so I figured I would take a stab at it. See below the two galleries one for Master Pages and the other for Page Layouts.Master Page Snippets:

Page Layout Snippets:
Master Page Snippet Gallery: ~53 SnippetsNavigation
Top Navigation: The navigation snippets provide common navigation links and menu items on a site page.
Vertical Navigation: The navigation snippets provide common navigation links and menu items on a site page.Search Box: Place the search box component on your page to allow users to search your site.
Administration
Site Title: Using the site title snippet rather than hardcoding the title gives non-designers simple control over the…

SharePoint 2013 Base Fonts and Sizes

After reviewing the main CSS files that make up the base look and feel for the SharePoint 2013 look and feel. The number one font is “Segoe UI” which is applied to the global BODY element. One thing to note that for having over 13,660 lines of CSS within the corev15.css to only have 46 font-family references and 30 of them being the primary ones that shows the consistency and reduction in the amount of CSS used for this new version of SharePoint.Example:
font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;corev15.css: Primary CSS file referenced font-family:"Segoe UI"; (Used – 19 times)font-family:"Segoe UI Semilight" (Used – 7 times)font-family:"Segoe UI Light" (Used – 3 times)font-family:"Segoe" (Used as secondary – 11 times)font-family:Tahoma (Used as secondary – 6 times)font-family:Helvetica (Used as third – 21 times)font-family:Arial (Used as fourth – 27 times)The base font size that is used on the body…

25 FREE Copies of my Book @ SP Conference

25 FREE copies of my book will be given out Tuesday Nov. 13th 1pm at EMC Booth #629. I will be there to Sign the books and provide a Q&A session after. Come on by to say hello!Add this event to your MySPC calendar!