Download presentation
Presentation is loading. Please wait.
Published bySusan Fisher Modified over 9 years ago
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.
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.