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

Joseph J. Cappuccio Square

Joseph J. Cappuccio Square was renamed in honor of U.S. Marine Corps Cpl. Joseph J. Cappuccio, who served in the Battle of Iwo Jima, Aug. 21, 2025....

02

Morning Colors

U.S. Marines with the Special Purpose Marine Air-Ground Task Force-250 hosted the opening ceremony at the City Hall Plaza during Marine Week Boston,...

03

Morning Colors

Boston fire fighters stand and watch as flags are raised during the opening ceremony hosted by U.S. Marines with the Special Purpose Marine...

04

250821-M-RG120-2064

Joseph J. Cappuccio Square was renamed in honor of U.S. Marine Corps Cpl. Joseph J. Cappuccio, who served in the Battle of Iwo Jima, Aug. 21, 2025....

05

250822-M-RG120-1172

U.S. Marines assigned to Special Purpose Marine Air-Ground Task Force-250, prepare to package food at Community Servings, a non-profit organization...

06

250823-M-XY116-3105

U.S. Marines assigned to Special Purpose Marine Air-Ground Task Force-250 pose for a group photo with members of Broadway Jiu-Jitsu after a martial...

  • 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

B-Roll: 2nd Bn., 4th Marines conducts AAV dismount drills during SLTE
Jan. 26, 2024 | 3:03
U.S. Marines with 2nd Battalion, 4th Marine Regiment, 1st Marine Division, conduct dismount drills on AAV-P7/A1 Assault Amphibious Vehicles on Range 220A as part of Service Level Training Exercise 2-24 at Marine Corps Air-Ground Combat Center Twentynine Palms, California, Jan. 26, 2024. The exercise’s purpose is to simulate combat conditions, improve rapid decision-making cycles and strengthen the Marine Air-Ground Task Force’s ability to adapt and accomplish missions across the full range of military operations. (U.S. Marine Corps video by Lance Cpl. Anita Ramos)

U.S. Marines with 2nd Battalion, 4th Marine Regiment, 1st Marine Division, conduct dismount drills on AAV-P7/A1 Assault Amphibious Vehicles on Range 220A as part of Service Level Training Exercise 2-24 at Marine Corps Air-Ground Combat Center Twentynine Palms, California, Jan. 26, 2024. The exercise’s purpose is to simulate combat conditions, improve rapid decision-making cycles and strengthen the Marine Air-Ground Task Force’s ability to adapt and accomplish missions across the full range of military operations. (U.S. Marine Corps video by Lance Cpl. Anita Ramos)

Tags

Marines1st MARDIVAAVV24MCAGCCR220A

Discover
More Recent

Filter
B-Roll: 2nd Bn., 4th Marines conducts AAV dismount drills during SLTE

Jan. 26, 2024 | 3:03

View Video
B-Roll: 2nd Bn., 4th Marines conducts AAV dismount drills during SLTE

Jan. 26, 2024 | 3:03

Burmese Chase 25

Aug. 29, 2025 | 1:27

View Video
Burmese Chase 25

Aug. 29, 2025 | 1:27

NC Governor Josh Stein's First Visit to Camp Lejeune

Aug. 29, 2025 | 11:31

View Video
NC Governor Josh Stein's First Visit to Camp Lejeune

Aug. 29, 2025 | 11:31

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)