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

Gas! Gas! Gas!

U.S. Marine Corps Warrant Officer Ryan Young, a chemical, biological, radiological, and nuclear (CBRN) defense officer with 2nd Battalion, 2nd Marine...

02

83rd Anniversary of the Battle of Guadalcanal Ceremony

U.S. Marine Corps Col. Jason C. Armas, the commanding officer of Marine Rotational Force – Darwin 25.3, gives a speech during the 83rd Anniversary of...

03

250807-M-LQ016-1037

Multinational service members, veterans, Solomon Islands government leaders, members of the diplomatic community, and civilians attend the 83rd...

04

250722-M-VH127-1633

U.S. Marine Corps Sgt. Matthew Roderick, a squad leader with 2nd Battalion, 23rd Marines, forward deployed with 4th Marine Regiment, 3d Marine...

05

250722-M-VH127-1935

A Republic of Korea Marine clears a room during military operations in urban terrain training during the Korean Marine Exchange Program 25.2 in...

06

250722-M-VH127-2217

U.S. Marine Corps Lance Cpl. Natthakit Chuaytua, a rifleman with 2nd Battalion, 23rd Marines, forward deployed with 4th Marine Regiment, 3d 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

Faces of Miramar: Provost Marshal's Office
Aug. 11, 2025 | 0:40
U.S. Marines with the Provost Marshal’s Office, Headquarters and Headquarters Squadron, Marine Corps Air Station Miramar demonstrate their capabilities at MCAS Miramar, California, Aug. 8, 2025. The PMO at MCAS Miramar provides physical security, investigative services, and enforces law and regulations to maintain a safe and secure environment for service members, families, and civilians on the air station. (U.S. Marine Corps video by Lance Cpl. Alexander Vaughn)

U.S. Marines with the Provost Marshal’s Office, Headquarters and Headquarters Squadron, Marine Corps Air Station Miramar demonstrate their capabilities at MCAS Miramar, California, Aug. 8, 2025. The PMO at MCAS Miramar provides physical security, investigative services, and enforces law and regulations to maintain a safe and secure environment for service members, families, and civilians on the air station. (U.S. Marine Corps video by Lance Cpl. Alexander Vaughn)

Tags

MCAS MiramarPMOProvost Marishal's OfficeMCASMiramarAirShowAirshow 2025America's Airshow 2025

Discover
More Recent

Filter
Faces of Miramar: Provost Marshal's Office

Aug. 11, 2025 | 0:40

View Video
Faces of Miramar: Provost Marshal's Office

Aug. 11, 2025 | 0:40

Marine Corps Water Survival Advanced

Aug. 11, 2025 | 0:34

View Video
Marine Corps Water Survival Advanced

Aug. 11, 2025 | 0:34

B-Roll: Marines and Sailors with 3rd MAW host 182nd Airlift Wing medical training

Aug. 11, 2025 | 2:12

View Video
B-Roll: Marines and Sailors with 3rd MAW host 182nd Airlift Wing medical training

Aug. 11, 2025 | 2:12

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)