Web Style - Web Style

The Web Style Guide section is meant to be a visual reference for the styles used on the vmware.com Web site and other VMware Web properties.

Furthermore, Web Styles address the guidelines for achieving consistent style usage for type, lists, headings, and common graphical elements when building HTML/CSS based apps for all devices, including desktop, laptop, smart phones and tablets.  

  • Headers are consistent
  • Margin and Padding is consistent
  • Control elements are uniform and easily identified
  • Media element style is provided for graphics and video

About this Guide

The goal of Web Style is to provide a comprehensive guide to the templates, styles, and interaction design patterns that lay the foundation of the VMware web user experience. Consistent application of these styles and design patterns creates a cohesive experience across all digital touchpoints, helping visitors find the information they need quickly and easily. Though styles may vary slightly depending on the content and context, the overall goal is to present information in a way that supports VMware’s design philosophy of simplicity and clarity in all customer-facing communications.

Who this Guide is For

This guide was created to serve as a common visual language and resource for web producers, designers, and developers. This guide is meant to be used along with the latest version of VMware’s Brand Guidelines and brand-approved assets (see www.vmware-onebrand.com for more information).

What this Guide Includes

The Web Guide is organized in several sections which cover global elements, page-level elements, and page templates which are built on our 12-column grid system.  In these sections you will find:

  • Detailed specification for the color palette, typography, and other global elements
  • An overview of page-level components and their use
  • An overview of the grid system, page hierachy and examples of typical page layouts
  • Pixel-level specifications for spacing of page elements and components

Other Style Guides

Mobile Style Guide

For all native mobile apps (iOS/Android)  insuring consistent operability.

Copy Style Guide

For printed output and documentation. (Publication Department Links).

Email Style Guide

Guidelines to insure a consistent presentation of system generated email notifications.

Email Style Guide