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

02

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...

03

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...

04

Golden Hour

A U.S. Marine Corps MV-22B Osprey assigned to Marine Rotational Force – Darwin 25.3, flies near Bradshaw Field Training Area, Australia, July 7,...

05

250807-M-LQ016-1037

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

06

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...

  • 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

Marines Musician Enlistment Option Program (MEOP) Career Talk
Oct. 16, 2020 | 3:35
Gunnery Sgt. Justin A. Hauser, a musical technical assistant with the 4th Marine Corps District, talks about becoming a Marine Corps musician in New Cumberland, Pennsylvania, Oct. 16, 2020. Hauser speaks about the Marines Musician Enlistment Option Program (MEOP), the audition process and how to become a Marine Corps musician. (U.S. Marine Corps motion imagery by Sgt. Nelson Duenas)

Gunnery Sgt. Justin A. Hauser, a musical technical assistant with the 4th Marine Corps District, talks about becoming a Marine Corps musician in New Cumberland, Pennsylvania, Oct. 16, 2020. Hauser speaks about the Marines Musician Enlistment Option Program (MEOP), the audition process and how to become a Marine Corps musician. (U.S. Marine Corps motion imagery by Sgt. Nelson Duenas)

Tags

musicianmapMEOP4th Marine Corps DistrictHauser4MCDMarinesMarine CorpsUSMC

Discover
More Recent

Filter
Marines Musician Enlistment Option Program (MEOP) Career Talk

Oct. 16, 2020 | 3:35

View Video
Marines Musician Enlistment Option Program (MEOP) Career Talk

Oct. 16, 2020 | 3:35

MCRD San Diego Mike Company Graduation

Aug. 15, 2025 | 01:04:02

View Video
MCRD San Diego Mike Company Graduation

Aug. 15, 2025 | 01:04:02

22nd MEU(SOC) | LCAC Onboard Operations Aboard USS San Antonio

Aug. 15, 2025 | 0:53

View Video
22nd MEU(SOC) | LCAC Onboard Operations Aboard USS San Antonio

Aug. 15, 2025 | 0:53

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)