Introduction
Navigation & Site Map
Grids & Layouts
Color palette
Text Treatments
Buttons & Icons
Imagery
Hyperlinks
Messaging Objects
Pop-up Windows
Forms
CSS Grid & Layout
CSS Buttons
Files for Download
  HTML Text
  Graphical Text
HTML Text

Marriott.com uses a combination of Arial and Verdana for all HTML text. Because Verdana is best for reading large blocks of text, it should be used for body text, content module text, and contextual links. Arial is usually used for header text styles and form text.

  Name CSS Style Font Size Color Line Height
Page Header .pageHeader Arial, Bold 16px #333333 18px
Page Header Regular .pageHead Arial, Normal 12px #333333 12px
Sub Header .subHead Arial, Bold 12px #333333 12px
Sub Header Two .subHeadTwo Verdana, Bold 11px #333333 14px
Body Copy .bodyCopy Verdana, Normal 11px #333333 14px
Body Copy Bold .bodyCopyBold Verdana, Bold 11px #333333 14px
Field entry label/content .formContent Arial, Normal 10px #333333 N/A

 

 Back to top
Graphical Text

Univers is the preferred typeface for all graphical text treatments on Marriott.com. Although any weight within the Univers set is acceptable, the most commonly used for graphic treatments like header graphics and messaging units are Light Condensed, Condensed, Light and Roman. Bold, Black and Oblique weights should be used sparingly. Font size and color selections should always promote on-screen legibility and visual balance. Typeface should never be stretched or distorted.