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

Humanitarian Assistance and Disaster Relief Tabletop Exercise

U.S. Marines, Armed Forces of the Philippines and Japan Self-Defense Forces service members and U.S. government officials pose for a group photo...

02

Crimson Blast

U.S. Marine Corps Lance Cpl. Aidan Smith, a rifleman with Golf Company, 2nd Battalion, 2nd Marine Regiment, fires an M32 grenade launcher during a...

03

Maritime Key Terrain Security Operations

U.S. Marines with 3d Marine Division and Philippine Marines with Marine Battalion Landing Team 10, unload from a U.S. Army UH-60 Black Hawk with 25th...

04

250501-F-CJ259-1010

Armed Forces of the Philippines, U.S. Marines, and Japan Self-Defense Forces service members and U.S. government officials pose for a group photo...

05

Fall For Strength

A U.S. Marine Corps recruit with Fox Company, 2nd Recruit Training Battalion, jumps off a tower during water survival training at Marine Corps...

06

250424-M-MI096-1136

A U.S. Army UH-60 Black Hawk with 25th Combat Aviation Brigade, 25th Infantry Division, prepares to land while transporting U.S. Marines with 3d...

  • 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

39th Commandant of the Marine Corps, Gen. Eric M. Smith and 20th Sergeant Major of the Marine Corps, Sgt. Maj. Carlos A. Ruiz visit MCRD Parris Island
Aug. 19, 2024 | 0:55
Leaders from Marine Corps Air Station (MCAS) Beaufort and Marine Corps Recruit Depot (MCRD) Parris Island greet the 39th Commandant of the Marine Corps, Gen. Eric M. Smith and the 20th Sergeant Major of the Marine Corps, Sgt. Maj. Carlos A. Ruiz, at MCAS Beaufort, South Carolina, Aug. 19, 2024. Smith and Ruiz landed on MCAS Beaufort and traveled to MCRD Parris Island to speak with the Marines, sailors, and civilian personnel about leadership and the future of the Marine Corps. (U.S. Marine Corps video by Lance Cpl. Christian Cutter)

Leaders from Marine Corps Air Station (MCAS) Beaufort and Marine Corps Recruit Depot (MCRD) Parris Island greet the 39th Commandant of the Marine Corps, Gen. Eric M. Smith and the 20th Sergeant Major of the Marine Corps, Sgt. Maj. Carlos A. Ruiz, at MCAS Beaufort, South Carolina, Aug. 19, 2024. Smith and Ruiz landed on MCAS Beaufort and traveled to MCRD Parris Island to speak with the Marines, sailors, and civilian personnel about leadership and the future of the Marine Corps. (U.S. Marine Corps video by Lance Cpl. Christian Cutter)

Tags

Sergeant Major of the Marine CorpsCommandant of the Marine CorpsMCAS Beaufort

Discover
More Recent

Filter
39th Commandant of the Marine Corps, Gen. Eric M. Smith and 20th Sergeant Major of the Marine Corps, Sgt. Maj. Carlos A. Ruiz visit MCRD Parris Island

Aug. 19, 2024 | 0:55

View Video
39th Commandant of the Marine Corps, Gen. Eric M. Smith and 20th Sergeant Major of the Marine Corps, Sgt. Maj. Carlos A. Ruiz visit MCRD Parris Island

Aug. 19, 2024 | 0:55

20th Sergeant Major of the Marine Corps

April 24, 2025 | 0:31

View Video
20th Sergeant Major of the Marine Corps

April 24, 2025 | 0:31

Circuit Workout with Medal of Honor Recipient Dakota Meyer (broll)

April 17, 2025 | 2:51

View Video
Circuit Workout with Medal of Honor Recipient Dakota Meyer (broll)

April 17, 2025 | 2:51

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

Marine Corps Installations Command logo
COLOSSALIS 24PX UPPERCASE
Helvetica 18px no transform
 

Bio Photos