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

Tactical, and Silent

U.S. Marine Corps Pfc. Duvan Renderos, a rifleman assigned to Battlespace Surveillance Company, 1st Intelligence Battalion, I Marine Expeditionary...

02

Marines Stand Ready

U.S Marine Corps Lt. Col. Matt Perry, the commanding officer of 2nd Battalion, 4th Marine Regiment, 1st Marine Division, I Marine Expeditionary Force...

03

Marines Hold The Standard

U.S. Marines assigned to 2nd Battalion, 4th Marine Regiment, 1st Marine Division, stand in formation during the Battalion Landing Team 2/4 composite...

04

Allied Intergration

U.S. Marines with Marine Aerial Refueler Transport Squadron (VMGR) 252, Marine Aircraft Group 14, 2nd Marine Aircraft Wing, and German-French...

05

Allied Intergration

U.S. Marines with 2nd Battalion, 6th Marine Regiment, 2nd Marine Division, board a C-130 aircraft with the German-French Binational Air Transport...

06

The Few, The Proud

U.S. Marines with Lima Company, Battalion Landing Team 3/5, 11th Marine Expeditionary Unit, board a CH-53E Super Stallion with Marine Medium...

  • 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

CBRN Ropes Rescue Course B-roll
March 25, 2023 | 1:27
U.S. Marines with Chemical, Biological, Radiological, and Nuclear Defense Platoon, Headquarters Battalion, 3d Marine Division, extract a simulated casualty during the culminating event of a rope rescue technician certification course at Marine Corps Air Station Futenma, Okinawa, Japan, March 23, 2023. The course, taught by U.S. Air Force firefighters, prepares Marines to respond to disaster situations and builds interoperability between joint forces for crisis response operations. (U.S. Marine Corps video by Lance Cpl. Anna C. Geier)

U.S. Marines with Chemical, Biological, Radiological, and Nuclear Defense Platoon, Headquarters Battalion, 3d Marine Division, extract a simulated casualty during the culminating event of a rope rescue technician certification course at Marine Corps Air Station Futenma, Okinawa, Japan, March 23, 2023. The course, taught by U.S. Air Force firefighters, prepares Marines to respond to disaster situations and builds interoperability between joint forces for crisis response operations. (U.S. Marine Corps video by Lance Cpl. Anna C. Geier)

Tags

CBRNCrisis Response3d MarDivFreeandOenIndopacific

Discover
More Recent

Filter
CBRN Ropes Rescue Course B-roll

March 25, 2023 | 1:27

View Video
CBRN Ropes Rescue Course B-roll

March 25, 2023 | 1:27

2d AA Birthday Reel

March 20, 2026 | 0:19

View Video
2d AA Birthday Reel

March 20, 2026 | 0:19

B-Roll: Reserve Mobilization Exercise 26

March 19, 2026 | 5:00

View Video
B-Roll: Reserve Mobilization Exercise 26

March 19, 2026 | 5: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)