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

Air Support

U.S. Marines with 3rd Battalion, 1st Marine Regiment, 1st Marine Division, board a CH-53E Super Stallion assigned to Marine Heavy Helicopter Squadron...

02

250810-M-QW512-1940

U.S. Marine Corps Cpl. Michael Roque, a combat engineer with Marine Wing Support Squadron 372, Marine Air Control Group 38, 3rd Marine Aircraft Wing,...

03

250810-M-QW512-1940

U.S. Marine Corps Lt. Col. Chad T. Fitzgerald, right, the commanding officer of Marine Wing Support Squadron 372, Marine Air Control Group 38, 3rd...

04

250810-M-QW512-1940

A U.S. Navy Sailor with Airfield Construction Company Bravo, Naval Mobile Construction Battalion 5, Naval Construction Force, ground guides a compact...

05

250810-M-QW512-1940

A U.S. Navy Sailor with Airfield Construction Company Bravo, Naval Mobile Construction Battalion 5, Naval Construction Force, operates a backhoe...

06

250810-M-QW512-1940

U.S. Marine Corps Pfc. Roberto Heredia Ramirez, a combat engineer with Marine Wing Support Squadron 372, Marine Air Control Group 38, 3rd 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

(B-Roll) US, Philippine light armored vehicles provide support by fire during FINEX for KAMANDAG 3
Oct. 17, 2019 | 1:22
U.S. and Philippine Marine light armored vehicles provide support by fire during the final exercise of KAMANDAG 3 at Colonel Ernesto P. Ravina Air Base, Oct. 17, 2019. Exercises such as KAMANDAG 3 increase our ability to work together in response to crises across the military spectrum in order to accomplish the mission, support the local population, and help alleviate human suffering. KAMANDAG 3 is a Philippine-led, bilateral exercise. KAMANDAG is an acronym for the Filipino phrase “Kaagapay Ng Mga Manirigma Ng Dagat,” which translates to “Cooperation of the Warriors of the Sea,” highlighting the partnership between the U.S. and Philippine militaries. (U.S. Marine Corps video by Lance Cpl. Tanner D. Lambert)

U.S. and Philippine Marine light armored vehicles provide support by fire during the final exercise of KAMANDAG 3 at Colonel Ernesto P. Ravina Air Base, Oct. 17, 2019. Exercises such as KAMANDAG 3 increase our ability to work together in response to crises across the military spectrum in order to accomplish the mission, support the local population, and help alleviate human suffering. KAMANDAG 3 is a Philippine-led, bilateral exercise. KAMANDAG is an acronym for the Filipino phrase “Kaagapay Ng Mga Manirigma Ng Dagat,” which translates to “Cooperation of the Warriors of the Sea,” highlighting the partnership between the U.S. and Philippine militaries. (U.S. Marine Corps video by Lance Cpl. Tanner D. Lambert)

Tags

United States Marine CorpsLAV1st Marine Division1st MarDivLARphilippine marine corpsLight Armored VehiclePMCLight Armored Reconnaissance3rd LAR BnKAMANDAGKAMANDAG 3Cooperation of Warriors from the SeaUSMC

Discover
More Recent

Filter
(B-Roll) US, Philippine light armored vehicles provide support by fire during FINEX for KAMANDAG 3

Oct. 17, 2019 | 1:22

View Video
(B-Roll) US, Philippine light armored vehicles provide support by fire during FINEX for KAMANDAG 3

Oct. 17, 2019 | 1:22

Marine Week Boston 2025: Wreath Laying Ceremony

Aug. 24, 2025 | 6:05

View Video
Marine Week Boston 2025: Wreath Laying Ceremony

Aug. 24, 2025 | 6:05

Marine Week Boston 2025: Tracey Campbell Interview

Aug. 24, 2025 | 2:12

View Video
Marine Week Boston 2025: Tracey Campbell Interview

Aug. 24, 2025 | 2:12

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)