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

Former Camp Pendleton Marine looks back at MSTEP opportunity, one year later
April 10, 2019 | 2:25
Former U.S. Marine Corps Sergeant Isaiah Garcia talks about his involvement at the BMW-Military Service Technician Education Program (MSTEP) at the BMW of Murrieta Service Center in Murrieta, California, April 10, 2019. Garcia has been working at the center for nine months since graduating from MSTEP at Marine Corps Base Camp Pendleton. MSTEP is a 16-week training workshop that provides service members who are transitioning from active duty with hands-on training, and upon completion, connects them with service centers to secure a job as an automotive technician. (U.S. Marine Corps video by Cpl. Juan Bustos)

Former U.S. Marine Corps Sergeant Isaiah Garcia talks about his involvement at the BMW-Military Service Technician Education Program (MSTEP) at the BMW of Murrieta Service Center in Murrieta, California, April 10, 2019. Garcia has been working at the center for nine months since graduating from MSTEP at Marine Corps Base Camp Pendleton. MSTEP is a 16-week training workshop that provides service members who are transitioning from active duty with hands-on training, and upon completion, connects them with service centers to secure a job as an automotive technician. (U.S. Marine Corps video by Cpl. Juan Bustos)

Tags

TRSsupporting the warfighterTransition Readiness Programuti

Discover
More Recent

Filter
Former Camp Pendleton Marine looks back at MSTEP opportunity, one year later

April 10, 2019 | 2:25

View Video
Former Camp Pendleton Marine looks back at MSTEP opportunity, one year later

April 10, 2019 | 2:25

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

Uruguay SMEE Sgt. Arce Interview

Aug. 12, 2025 | 1:11

View Video
Uruguay SMEE Sgt. Arce Interview

Aug. 12, 2025 | 1:11

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)