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

3d MEB Humanitarian Assistance Response Training to Real-World Execution: Philippines
Jan. 8, 2026 | 2:19
U.S. Marines with 3d Marine Expeditionary Brigade conduct humanitarian assistance response training (HART) less than a month before being activated to provide foreign disaster relief in the Philippines. Unit leaders discuss how recent training prepared the unit to transition rapidly from training to real-world humanitarian assistance operations. (U.S. Marine Corps video by Sgt. Nicholas A. Cox)

This video contains music from a USMC enterprise licensed assets from Adobe Stock: Epic Cinematic Motivational Inspiring by IlyaSound/stock.adobe.com

This video contains video from a USMC enterprise licensed asset from Adobe Stock: Major Hurricane Makes Landfall Lashing Palm Trees Strong Wind - Mang by James/stock.adobe.com

U.S. Marines with 3d Marine Expeditionary Brigade conduct humanitarian assistance response training (HART) less than a month before being activated to provide foreign disaster relief in the Philippines. Unit leaders discuss how recent training prepared the unit to transition rapidly from training to real-world humanitarian assistance operations. (U.S. Marine Corps video by Sgt. Nicholas A. Cox)

This video contains music from a USMC enterprise licensed assets from Adobe Stock: Epic Cinematic Motivational Inspiring by IlyaSound/stock.adobe.com

This video contains video from a USMC enterprise licensed asset from Adobe Stock: Major Hurricane Makes Landfall Lashing Palm Trees Strong Wind - Mang by James/stock.adobe.com

Tags

disaster reliefoperational readiness3d MEBHumanitarian Assistance Response TrainingPhilippines

Discover
More Recent

Filter
3d MEB Humanitarian Assistance Response Training to Real-World Execution: Philippines

Jan. 8, 2026 | 2:19

View Video
3d MEB Humanitarian Assistance Response Training to Real-World Execution: Philippines

Jan. 8, 2026 | 2:19

MCRD San Diego Delta Company Graduation

April 3, 2026 | 01:04:18

View Video
MCRD San Diego Delta Company Graduation

April 3, 2026 | 01:04:18

NROTC Scholarship Recipient: Jack Strand

April 3, 2026 | 2:47

View Video
NROTC Scholarship Recipient: Jack Strand

April 3, 2026 | 2:47

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)