Style Guide

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

TABS

Sliders

Latest Tweets

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

01

SUAS Live Fire Training

U.S. Marines with Advanced Infantry Training Battalion, School of Infantry – East run up range after preparing a Neros Archer small unmanned aircraft...

02

Marine Week Chicago Opening Ceremony

U.S Marines with the Silent Drill Platoon perform at the opening ceremony of Marine Week Chicago, July 10, 2025. Throughout the year Marines across...

03

Function Check

U.S. Marine Corps Chief Warrant Officer 5 Steven Pearsoll, an explosives ordinance officer with Weapons Training Battalion, and Gunnery Sgt. Kyle...

04

SkyRaider takes the Sky

An R80D SkyRaider small unmanned aircraft system (SUAS) carries a Mjolnir munitions system during a combined arms live-fire training exercise...

05

SUAS Shadows

U.S. Marines with Advanced Infantry Training Battalion, School of Infantry – East prepare to launch a Neros Archer small unmanned aircraft system...

06

SUAS Inspection

U.S. Marine Corps Staff Sgt. Ronald Johnson II, left, an instructor with Small Unmanned Aircraft Systems School, Advanced Infantry Training...

  • 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

DPC-RSU-East Marines Uphold Marine Corps Traditions
May 1, 2015 | 1:17
Marines with the Deployment Processing Command, Reserve Support Unit-East, conducted a mess night aboard the USS North Carolina, May 1, 2015. The mess night, which is an integral part of the Marine Corps heritage, was intended to promote unit cohesion and was in keeping with the highest traditions of the Marine Corps and the United States Naval Service. In times past, the mess served three functions. It was the home for bachelor officers or enlisted Marines, a club for the married ones and the center of social life of a post or station. The formality of the mess night reflects the same spirit of dignity that was practiced by U.S. Armed Forces dating back to pre-World War I days. (U.S. Marine Corps photo and video by Cpl. Krista James/Released)

Marines with the Deployment Processing Command, Reserve Support Unit-East, conducted a mess night aboard the USS North Carolina, May 1, 2015. The mess night, which is an integral part of the Marine Corps heritage, was intended to promote unit cohesion and was in keeping with the highest traditions of the Marine Corps and the United States Naval Service. In times past, the mess served three functions. It was the home for bachelor officers or enlisted Marines, a club for the married ones and the center of social life of a post or station. The formality of the mess night reflects the same spirit of dignity that was practiced by U.S. Armed Forces dating back to pre-World War I days. (U.S. Marine Corps photo and video by Cpl. Krista James/Released)

Tags

Mess nightDeployment Processing Command

Discover
More Recent

Filter
DPC-RSU-East Marines Uphold Marine Corps Traditions

May 1, 2015 | 1:17

View Video
DPC-RSU-East Marines Uphold Marine Corps Traditions

May 1, 2015 | 1:17

Marine Week Chicago 2025: U.S. Marines and Make-A-Wish Foundation spend the day with Jamaria Peters

July 11, 2025 | 6:48

View Video
Marine Week Chicago 2025: U.S. Marines and Make-A-Wish Foundation spend the day with Jamaria Peters

July 11, 2025 | 6:48

Marine Week Chicago 2025: Marines and Make-A-Wish Foundation Foundation Grant Wish

July 11, 2025 | 0:51

View Video
Marine Week Chicago 2025: Marines and Make-A-Wish Foundation Foundation Grant Wish

July 11, 2025 | 0:51

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

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

Official biographies

 

User Generated CODE (JAVASCRIPT)