Banner Image
Building a Global Experience Language for Penny Mac
Featured Widgets
Most Used
Typography
Large bold type should be used to establish a clear information hierarchy.
Updated 12/01/14
Nav Bar
Updates to layout and color of nav bar. New nav items included.
Updated 12/01/14
Facebook Icon
Updates to layout and color of nav bar. New nav items included.
Updated 12/01/14
Twitter Icon
Updates to layout and color of nav bar. New nav items included.
Updated 12/01/14
Build List
x
x
x
x
Download List
Clear All
3 Column Layout
2 Column Layout
Social Media Icons
Horizontal Nav Bar
Most Used
Typography
Large bold type should be used to establish a clear information hierarchy.
Updated 12/01/14
Nav Bar
Updates to layout and color of nav bar. New nav items included.
Updated 12/01/14
Facebook Icon
Updates to layout and color of nav bar. New nav items included.
Updated 12/01/14
Twitter Icon
Updates to layout and color of nav bar. New nav items included.
Updated 12/01/14
Build List
Clear All
Your build list is empty.
Penny Mac© 2014
Welcome Jake Dev | Logout
►
Post Title
Live Example
Top Level Category
Sub Category
HTML Code
CSS Code
Java Script Code
SUBMIT POST
x
Description
Accordion
3 Column Layout
CTA: Big Button
Banners
Buttons
Colors
Components
CTA
Forms
Layouts
Modals
Nav Bars
Pagination
Tables
Typography
+
+
+
+
+
+
+
+
+
+
+
+
+ Submit a Post
Banners
Buttons
Colors
Components
Accordion
Lightbox
Slide Show
CTA
Forms
Layouts
Modals
Nav Bars
Pagination
Tables
Typography
+
+
+
–
+
+
+
+
+
+
+
+
+ Submit a Post
We are evolving a global experience language for the Penny Mac's digital services.
The Penny Pixels guidelines are a reference point for designing BBC services across Web, Mobile, iPTV and Tablet.