Style Guide
Branding, typography, iconography, components & prototypes for Marines.mil Website Development

TABS

Sliders

  • The twitter componet uses an H2 for the "Latest Tweets" header
  • The body text uses Helvetica 16px
News Slider

01

Commemorative Hike

Marines and civilians conduct a commemorative hike on Grytoya Island, Norway, July 25, 2024. The hike was conducted in honor of five U.S. Marines...

02

HEROIC ACTION: CPL SPENCER COLLART POSTHUMOUSLY AWARDED NAVY AND MARINE CORPS MEDAL

The family of Cpl. Spencer Collart attend a ceremony and pose for a photo during an award presentation posthumously honoring his heroic actions,...

03

HEROIC ACTION: CPL SPENCER COLLART POSTHUMOUSLY AWARDED NAVY AND MARINE CORPS MEDAL

The family of Cpl. Spencer Collart attend a ceremony and pose for a photo during an award presentation posthumously honoring his heroic actions,...

04

HEROIC ACTION: CPL SPENCER COLLART POSTHUMOUSLY AWARDED NAVY AND MARINE CORPS MEDAL

The family of Cpl. Spencer Collart attend a ceremony and pose for a photo during an award presentation posthumously honoring his heroic actions,...

05

Splash Zone

Marines with 24th Marine Expeditionary Unit (MEU) Special Operations Capable (SOC) conduct rigid-hull inflatable boat operations in the Mediterranean...

06

Promotion Ceremony

Marine Corps Gunnery Sgt. Donald Holbert, the communication strategy and operations staff noncommissioned officer in charge of the 15th Marine...

  • Most sliders feature the navigation dots to show the user how many items are in feed
  • Sliders utilizing images and news have the additional navigation with the next/previous story arrows
See also Slider and Explore for additional Slideshow layouts

Video

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship
Marine Corps Installations Command logo
COLOSSALIS 24PX UPPERCASE
Helvetica 18px no transform
 

Bio Photos