Presentation is loading. Please wait.

Presentation is loading. Please wait.

Navigation Typography– Mega Drop Down Menu 1 Wide Desktop Login: Arial, Regular, 14 px, #f08c00 Hover: Underline Toolbar link: Arial, 11 px, #999999, underline.

Similar presentations


Presentation on theme: "Navigation Typography– Mega Drop Down Menu 1 Wide Desktop Login: Arial, Regular, 14 px, #f08c00 Hover: Underline Toolbar link: Arial, 11 px, #999999, underline."— Presentation transcript:

1 Navigation Typography– Mega Drop Down Menu 1 Wide Desktop Login: Arial, Regular, 14 px, #f08c00 Hover: Underline Toolbar link: Arial, 11 px, #999999, underline Hover: Color #f08c00, underline Menu bar: Corporate A, Regular, #ffffff, font-size: 16px line height 17 px 1st level: Corporate S, Bold, #529900 font-size 20px line height 22 px Bottom margin 10 px 2nd level: Corporate S, Bold, #529900 font-size: 16px line height 20 px Top margin 20 px Bottom margin 10 px 3rd level: Corporate S, Regular, #529900 font-size: 14 line height 17 px Bottom margin 5 px Link Hover: Color #f08c00, underline

2 Navigation Typography– Mega Drop Down Menu 2 Login: Arial, Regular, 14 px, #f08c00 Hover: Underline Toolbar link: Arial, 11 px, #999999, underline Hover: Color #f08c00, underline Menu bar: Corporate A, Regular, #ffffff, font-size: 16px line height 17 px 1st level: Corporate S, Bold, #529900 font-size 18px line height 20 px Bottom margin 10 px 2nd level: Corporate S, Bold, #529900 font-size: 15px line height 19 px Top margin 20 px Bottom margin 10 px 3rd level: Corporate S, Regular, #529900 font-size: 13 line height 16 px Bottom margin 5 px Link Hover: Color #f08c00, underline Desktop

3 Navigation Typography– Mega Drop Down Menu 3 Login: Arial, Regular, 14 px, #f08c00 Hover: Underline Toolbar link: Arial, 11 px, #999999, underline Hover: Color #f08c00, underline Menu bar: Corporate A, Regular, #ffffff, font-size: 14px line height 16 px 1st level: Corporate S, Bold, #529900 font-size 18px line height 20 px Bottom margin 10 px 2nd level: Corporate S, Bold, #529900 font-size: 15px line height 19 px Top margin 20 px Bottom margin 10 px 3rd level: Corporate S, Regular, #529900 font-size: 13 line height 16 px Bottom margin 5 px Link Hover: Color #f08c00, underline Tablet

4 Navigation Typography– Mega Drop Down Menu 4 Navigation links: Corporate S, Regular, 15 px, dark green #529900 Element height 44 px, including 1 px divider line Toolbar links: Corporate S, Regular, 14 px, #B3B3B3 Element height 44 px, including 1 px divider line Link Hover: #f08c00, underline Phone

5 Func spec 5 The first level navigation items. The mega drop-down menu is opened and closed by tapping or clicking the tab. On desktop devices the menu is also opened if a user pauses over the menu element for 1/3 of a second. Link to the first level section page, always the same title than in the tab. Font a bit bigger. The current page (if any) is highlighted in the MDDM.


Download ppt "Navigation Typography– Mega Drop Down Menu 1 Wide Desktop Login: Arial, Regular, 14 px, #f08c00 Hover: Underline Toolbar link: Arial, 11 px, #999999, underline."

Similar presentations


Ads by Google