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

Tactical Combat Casualty Care

U.S. Navy Sailors and Marines with Marine Rotational Force – Darwin 25.3 and Australian soldiers with 1st Health Battalion, conduct tactical combat...

02

Quality Control

U.S. Marine Corps Cpl. Eduardo Meza, with the Installation Personnel Administration Center, Headquarters Company, Headquarters and Service Battalion,...

03

Security Hold

U.S. Marine Corps Lance Cpl. Jaylee Lul, a rifleman with Lima Company, Battalion Landing Team 3/6, 22nd Marine Expeditionary Unit, holds security...

04

Service Level Training Exercise

U.S. Marines with 2d Reconnaissance Battalion, 2d Marine Division conduct a freefall jump off a C-130 Hercules during Service Level Training Exercise...

05

2d Recon Bn Free Fall

U.S. Marines with 2d Reconnaissance Battalion, 2d Marine Division stage themselves before a freefall jump during Service Level Training Exercise...

06

250717-M-AV740-7542

Todd Towles, team lead for Clothing and Equipment, Combat Service Support Equipment (CSSE), and Trevor Scott, mechanical engineer and product manager...

  • 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

Chaplains PT
Nov. 15, 2019 | 1:56
Marines with the 31st Marine Expeditionary Unit participate in a physical training event honoring Sgt. Rafael Peralta on Camp Hansen, Okinawa, Japan, Nov. 15, 2019. Peralta gave his life during Operation Phantom Fury in 2004 to save the lives of his fellow Marines, so every Nov. 15 on the anniversary of his death the 31st MEU holds an event honoring him. The 31st MEU, the Marine Corps’ only continuously forward-deployed MEU, provides a flexible and lethal force ready to perform a wide range of military operations as the premier crisis response force in the Indo-Pacific region. (Official Marine Corps video by Pfc. Joshua Brittenham)

Marines with the 31st Marine Expeditionary Unit participate in a physical training event honoring Sgt. Rafael Peralta on Camp Hansen, Okinawa, Japan, Nov. 15, 2019. Peralta gave his life during Operation Phantom Fury in 2004 to save the lives of his fellow Marines, so every Nov. 15 on the anniversary of his death the 31st MEU holds an event honoring him. The 31st MEU, the Marine Corps’ only continuously forward-deployed MEU, provides a flexible and lethal force ready to perform a wide range of military operations as the premier crisis response force in the Indo-Pacific region. (Official Marine Corps video by Pfc. Joshua Brittenham)

Tags

III Marine Expeditionary ForceimprovementRifleman31st Marine Expeditionary UnitLHD 1LPD 20Combat Logistics Battalion 31U.S. Marine Corps4th MarinesU.S. Marinelogistics combat elementMarine Expeditionary UnitCH-53E Super Stallion helicopterLSD 481st MarinesAviation Combat ElementCLB-31ReadyMAGTFMarine Air-Ground Task Forceamphibious assault ship USS WASP (LHD 1)Command ElementIII MEFlethalGround Combat ElementpurposepartneredF-35B Lightning IIVMFA-121blt 1/4MV-22B Osprey tilt-rotor aircraftAH-1Z Viper helicopterMarine Fighter Attack Squadron 121BLT 1/5Indo-PacificMarine Medium Tiltrotor Squadron 265 (Reinforced)Marine Medium Tiltrotor Squadron 262 ReinforcedVMM-262 (REIN)dock landing ship USS Ashland (LSD 48)amphibious transport dock USS Green Bay (LPD 20)UH-1YH Venom helicopterChaplains ptMarinesNavyptOkinawaMarine CorpsjapanchaplainBattalion Landing TeamMEU1st Battalion5th Marine Regiment31st MEUU.S. Navy7th Fleet

Discover
More Recent

Filter
Chaplains PT

Nov. 15, 2019 | 1:56

View Video
Chaplains PT

Nov. 15, 2019 | 1:56

BALTOPS 25 - Trench Improvement and Building

June 10, 2025 | 3:22

View Video
BALTOPS 25 - Trench Improvement and Building

June 10, 2025 | 3:22

B-roll: STRATMOBEX II Road Improvement Operations

Feb. 12, 2024 | 1:00

View Video
B-roll: STRATMOBEX II Road Improvement Operations

Feb. 12, 2024 | 1:00

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)