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

PALS 2025

U.S. Marine Corps Lt. Gen. James Glynn, left, commander, U.S. Marine Corps Forces, Pacific, Philippines Secretary of National Defense Gilberto...

02

Landing At Sunset

A U.S. Marine Corps AV-8B Harrier with 22nd Marine Expeditionary Unit (Special Operations Capable) is taxied during alternative landing drills aboard...

03

PALS 25: Opening Ceremony

U.S. Marine Corps Lt. Gen. James Glynn, left, commander, U.S. Marine Corps Forces, Pacific, shakes hands with the 37th Commandant of the Philippine...

04

PALS 25: Opening Ceremony

From left to right, U.S. Marine Corps Lt. Gen. James Glynn, commander, U.S. Marine Corps Forces, Pacific, Philippines Secretary of National Defense...

05

PALS 25: Opening Ceremony

The 37th Commandant of the Philippine Marine Corps, Maj. Gen. Vicente Blanco, delivers opening remarks during the opening ceremony of the 11th...

06

PALS 25: Opening Ceremony

U.S. Marine Corps Lt. Gen. James Glynn, commander, U.S. Marine Corps Forces, Pacific, gives remarks during the opening ceremony of the 11th iteration...

  • 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

How-To Troubleshoot Barracks A/C Unit
April 11, 2025 | 1:18
A demonstration of how to troubleshoot an Aeric Portable Air Conditioner during Operation Clean Sweep II at Marine Corps Base Camp Pendleton, Calif., April 11, 2024. Part of the larger Barracks 360 Reset initiative, OCS II builds upon the success of the first iteration by sustaining improved barracks conditions and further transforming I MEF’s organizational culture by reinvesting our time, resources, training and efforts into the barracks. (U.S. Marine Corps video by Sgt. Patrick King)

A demonstration of how to troubleshoot an Aeric Portable Air Conditioner during Operation Clean Sweep II at Marine Corps Base Camp Pendleton, Calif., April 11, 2024. Part of the larger Barracks 360 Reset initiative, OCS II builds upon the success of the first iteration by sustaining improved barracks conditions and further transforming I MEF’s organizational culture by reinvesting our time, resources, training and efforts into the barracks. (U.S. Marine Corps video by Sgt. Patrick King)

Tags

troubleshootingair conditionerMCI-WOCS IIBarracks360ResetCamp Pendleton

Discover
More Recent

Filter
U.S. Marines, Sailors dive into the deep end for water survival

May 9, 2025 | 1:47

View Video
U.S. Marines, Sailors dive into the deep end for water survival

May 9, 2025 | 1:47

How-To Troubleshoot Barracks A/C Unit

April 11, 2025 | 1:18

View Video
How-To Troubleshoot Barracks A/C Unit

April 11, 2025 | 1:18

Hotel Company Swim Qualification

March 24, 2025 | 0:39

View Video
Hotel Company Swim Qualification

March 24, 2025 | 0:39

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)