Style Guide

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

TABS

Sliders

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

01

Overwatch Security

U.S. Marine Corps Cpl. Sidney A. Sotelomadera, an infantry Marine with Charlie Company, Battalion Landing Team 1st Battalion, 7th Marine Regiment,...

02

Humanitarian Assistance and Disaster Relief Tabletop Exercise

U.S. Marines, Armed Forces of the Philippines and Japan Self-Defense Forces service members and U.S. government officials pose for a group photo...

03

Crimson Blast

U.S. Marine Corps Lance Cpl. Aidan Smith, a rifleman with Golf Company, 2nd Battalion, 2nd Marine Regiment, fires an M32 grenade launcher during a...

04

Maritime Key Terrain Security Operations

U.S. Marines with 3d Marine Division and Philippine Marines with Marine Battalion Landing Team 10, unload from a U.S. Army UH-60 Black Hawk with 25th...

05

250501-F-CJ259-1010

Armed Forces of the Philippines, U.S. Marines, and Japan Self-Defense Forces service members and U.S. government officials pose for a group photo...

06

Fall For Strength

A U.S. Marine Corps recruit with Fox Company, 2nd Recruit Training Battalion, jumps off a tower during water survival training at Marine Corps...

  • 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

Tough Conversations: Sexual harassment and sexual assault
July 14, 2020 | 2:59
Lt. Gen. Joseph L. Osterman, commanding general, I Marine Expeditionary Force (I MEF); Sgt. Maj. James Porterfield, I MEF sergeant major; and Command Master Chief Toby Ruiz, I MEF command master chief, gather to address the issues of sexual harassment and sexual assault among Marines and Sailors of I MEF. To report sexual harassment or sexual assault, service members can contact the DoD Safe Helpline to make both restricted and unrestricted reports. (U.S. Marine Corps video by Cpl. Jennifer Gay)

Lt. Gen. Joseph L. Osterman, commanding general, I Marine Expeditionary Force (I MEF); Sgt. Maj. James Porterfield, I MEF sergeant major; and Command Master Chief Toby Ruiz, I MEF command master chief, gather to address the issues of sexual harassment and sexual assault among Marines and Sailors of I MEF. To report sexual harassment or sexual assault, service members can contact the DoD Safe Helpline to make both restricted and unrestricted reports. (U.S. Marine Corps video by Cpl. Jennifer Gay)

Tags

cultureUSMCsexual harassmentchangesexual assaultUnited States Marine CorpsMarine Corps Base Camp PendletonU.S. Marine CorpsreportSAPRI MEFI Marine Expeditionary ForceCaliforniaMarinesMCB Camp PendletonMarine Corps Installations WestMCI-WestSay Somethingstep upsee somethingTough Conversations

Discover
More Recent

Filter
Tough Conversations: Sexual harassment and sexual assault

July 14, 2020 | 2:59

View Video
Tough Conversations: Sexual harassment and sexual assault

July 14, 2020 | 2:59

III MIG | Kaiju Rain 25

May 15, 2025 | 1:25

View Video
III MIG | Kaiju Rain 25

May 15, 2025 | 1:25

HMLA-169 supports 3rd Recon Bn. helocast training

May 14, 2025 | 4:43

View Video
HMLA-169 supports 3rd Recon Bn. helocast training

May 14, 2025 | 4:43

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

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

Bio Photos