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

Fit & Ready

U.S. Marine Corps Master Sgt. Ryan Galante, an information security technician with II Marine Expeditionary Force, stretches after physical training,...

02

Leadership Traits

Sticky notes highlight the leadership traits Marines and Sailors value most during the Operational Stress Control and Readiness (OSCAR) training...

03

Interactive Training

U.S. Marines and Sailors attending the Operational Stress Control and Readiness training participate in an interactive activity during an OSCAR core...

04

Welcome to the Jungle

U.S. Marines with Lima Company, Battalion Landing Team 3rd Battalion, 1st Marine Regiment, 31st Marine Expeditionary Unit, conduct a patrol during a...

05

Closing Remarks

U.S. Marine Corps Col. Robb T. McDonald, the outgoing commanding officer of Marine Rotational Force – Southeast Asia, I Marine Expeditionary Force,...

06

Outgoing Command

U.S. Marine Corps Col. Robert S. Bunn, center left, the incoming commanding officer of Marine Rotational Force – Southeast Asia, I 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

U.S. Military Conducts Foreign Disaster Relief Operations Working Alongside Armed Forces of the Philippines
Nov. 24, 2025 | 3:02
At the request of the Government of the Philippines, the U.S. military is working alongside the Armed Forces of the Philippines to provide foreign disaster relief support to communities affected by consecutive Typhoons Kalmaegi (Tino) and Fung-Wong (Uwan), which caused extensive damage and tragic loss of life. The forward presence and ready posture of United States Indo-Pacific Command in the region facilitates rapid and effective response to crisis, demonstrating the U.S.’s commitment to Allies and partners during times of need. (U.S. Marine Corps video by Cpl. Brian Knowles)

This video contains images from a USMC enterprise licensed asset from Adobe Stock: 3 versions of Philippines map city vector by thin black outline simplicity style, Black dot style and Dark shadow style. All in the white background. Performed by stu-khaii/stock.adobe.com

This video contains images from a USMC enterprise licensed asset from Adobe Stock: Philippine currency icon in flat style. Basic vector symbol illustration by Recoonde/stock.adobe.com

This video contains images from a USMC enterprise licensed asset from Adobe Stock: Hurricane icon Clip Art design. Line icons by witty/stock.adobe.com

This video contains music from 15th MEU licensed asset from Audiio.

This video contains open-source news clips.

At the request of the Government of the Philippines, the U.S. military is working alongside the Armed Forces of the Philippines to provide foreign disaster relief support to communities affected by consecutive Typhoons Kalmaegi (Tino) and Fung-Wong (Uwan), which caused extensive damage and tragic loss of life. The forward presence and ready posture of United States Indo-Pacific Command in the region facilitates rapid and effective response to crisis, demonstrating the U.S.’s commitment to Allies and partners during times of need. (U.S. Marine Corps video by Cpl. Brian Knowles)

This video contains images from a USMC enterprise licensed asset from Adobe Stock: 3 versions of Philippines map city vector by thin black outline simplicity style, Black dot style and Dark shadow style. All in the white background. Performed by stu-khaii/stock.adobe.com

This video contains images from a USMC enterprise licensed asset from Adobe Stock: Philippine currency icon in flat style. Basic vector symbol illustration by Recoonde/stock.adobe.com

This video contains images from a USMC enterprise licensed asset from Adobe Stock: Hurricane icon Clip Art design. Line icons by witty/stock.adobe.com

This video contains music from 15th MEU licensed asset from Audiio.

This video contains open-source news clips.

Tags

I MEF3dMEBMRFSEAMarines15th MEUTyphoonUwan

Discover
More Recent

Filter
U.S. Military Conducts Foreign Disaster Relief Operations Working Alongside Armed Forces of the Philippines

Nov. 24, 2025 | 3:02

View Video
U.S. Military Conducts Foreign Disaster Relief Operations Working Alongside Armed Forces of the Philippines

Nov. 24, 2025 | 3:02

Interview: U.S. Air Force 1st Lt. Uribe Speaks on Foreign Disaster Relief Operations Working Alongside the Government of the Philippines

Nov. 15, 2025 | 8:18

View Video
Interview: U.S. Air Force 1st Lt. Uribe Speaks on Foreign Disaster Relief Operations Working Alongside the Government of the Philippines

Nov. 15, 2025 | 8:18

B-Roll: Philippines SecDef Teodoro, US Ambassador Carlson Visits Philippine Service Members, US Marines During Foreign Disaster Relief Operations

Nov. 15, 2025 | 3:42

View Video
B-Roll: Philippines SecDef Teodoro, US Ambassador Carlson Visits Philippine Service Members, US Marines During Foreign Disaster Relief Operations

Nov. 15, 2025 | 3:42

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)