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

Small Unmanned Aircraft System Class

U.S. Marines with 4th Marine Regiment, 3d Marine Division pose for a photo with various unmanned systems on Camp Schwab, Okinawa, Japan, Aug. 13,...

02

Drone Observation

U.S. Marines with 4th Marine Regiment, 3d Marine Division observe an untethered Skydio X2D small, unmanned aircraft system fly on Camp Schwab,...

03

Small Unmanned Aircraft System Operation

U.S. Marines with 4th Marine Regiment, 3d Marine Division operate an untethered Skydio X2D small unmanned aircraft system on Camp Schwab, Okinawa,...

04

Convoy Maneuvers

U.S. Marine Corps Cpl. Mariia Bobryk with Headquarters Battalion, 2d Marine Division, II Marine Expeditionary Force, convoys as part of Marine Air...

05

WWII Marine Corps Veteran reunited with Sherman tank

U.S. Marine Corps veteran Cpl. Leighton Willhite, who served in the Battle of Iwo Jima, views the name painted on a World War II-era Sherman Tank at...

06

WWII Marine Corps Veteran reunited with Sherman tank

U.S. Marine Corps veteran Cpl. Leighton Willhite, who served in the Battle of Iwo Jima, right, poses for a photo in front of the WWII Sherman tank...

  • 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

2024 Update of the USMC Pack
Oct. 3, 2024 | 01:20:55
How to use the USMC Pack (2024 Update)

00:00:00 Introduction & Fit Tool Update
00:06:22 Trends
00:07:29 Inventory
00:08:22 Assembly in Standard Torso Setting
00:32:39 Assembly in Long Torso Setting
00:43:10 Adjusting the Guide Buckles
00:42:42 Transition from Standard Torso Setting to Long Torso Setting
00:45:19 Configuring the Hip Belt for Shorter Stature Personnel
00:54:10 Features of the Pack
01:01:28 Attaching Assault Pack
01:02:26 Hydration System
01:04:43 Attaching Pouches
01:07:35 Donning
01:13:04 Doffing
01:13:21 Attaching the Optional Sternum Cinch to Body Armor
01:16:06 Donning while Wearing Body Armor
01:17:41 Manufacturer Defects– Load Lifter Buckle, Quick Release

How to use the USMC Pack (2024 Update)

00:00:00 Introduction & Fit Tool Update
00:06:22 Trends
00:07:29 Inventory
00:08:22 Assembly in Standard Torso Setting
00:32:39 Assembly in Long Torso Setting
00:43:10 Adjusting the Guide Buckles
00:42:42 Transition from Standard Torso Setting to Long Torso Setting
00:45:19 Configuring the Hip Belt for Shorter Stature Personnel
00:54:10 Features of the Pack
01:01:28 Attaching Assault Pack
01:02:26 Hydration System
01:04:43 Attaching Pouches
01:07:35 Donning
01:13:04 Doffing
01:13:21 Attaching the Optional Sternum Cinch to Body Armor
01:16:06 Donning while Wearing Body Armor
01:17:41 Manufacturer Defects– Load Lifter Buckle, Quick Release

Tags

USMC Pack System

Discover
More Recent

Filter
2024 Update of the USMC Pack

Oct. 3, 2024 | 01:20:55

View Video
2024 Update of the USMC Pack

Oct. 3, 2024 | 01:20:55

Honorary Promotion Recognizes World War II Veteran’s Legacy of Service

Sept. 3, 2025 | 2:33

View Video
Honorary Promotion Recognizes World War II Veteran’s Legacy of Service

Sept. 3, 2025 | 2:33

Sergeant Major of the Marine Corps leads run with 1st MAW staff noncommissioned officers

Sept. 3, 2025 | 3:56

View Video
Sergeant Major of the Marine Corps leads run with 1st MAW staff noncommissioned officers

Sept. 3, 2025 | 3:56

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)