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

7th Communication Battalion Stormbreaker 25.1 | Marines Sharpen Room Clearing Skills
Jan. 29, 2025 | 4:38
U.S. Marines with 7th Communication Battalion, III Marine Expeditionary Force Information Group, practice executing close quarters combat strategies during the Stormbreaker 25.1 exercise on Camp Hansen, Okinawa, Japan, Jan. 27, 2025. The Stormbreaker 25.1 exercise is designed to enhance combat readiness by establishing, maintaining, and defending communication networks and services, enabling commanders to effectively command and control their forces. (U.S. Marine Corps video by Cpl. Juan Maldonado)

U.S. Marines with 7th Communication Battalion, III Marine Expeditionary Force Information Group, practice executing close quarters combat strategies during the Stormbreaker 25.1 exercise on Camp Hansen, Okinawa, Japan, Jan. 27, 2025. The Stormbreaker 25.1 exercise is designed to enhance combat readiness by establishing, maintaining, and defending communication networks and services, enabling commanders to effectively command and control their forces. (U.S. Marine Corps video by Cpl. Juan Maldonado)

Tags

room clearingIII MEF7th Communication Battalionclose quarters tacticsIII MIGStormbreaker 25.1

Discover
More Recent

Filter
7th Communication Battalion Stormbreaker 25.1 | Marines Sharpen Room Clearing Skills

Jan. 29, 2025 | 4:38

View Video
7th Communication Battalion Stormbreaker 25.1 | Marines Sharpen Room Clearing Skills

Jan. 29, 2025 | 4:38

21 Area Training Tank Grand Opening Ceremony

Aug. 13, 2025 | 0:26

View Video
21 Area Training Tank Grand Opening Ceremony

Aug. 13, 2025 | 0:26

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

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)