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

Sgt. Lucas T. Pyeatt Memorial Run
Aug. 2, 2019 | 1:18
U.S. Marines with 2nd Radio Battalion, II Marine Expeditionary Force Information Group, and a British Royal Marine participate in the Sgt. Lucas T. Pyeatt Memorial Run at Camp Lejeune, N.C., Aug. 2, 2019. Pyeatt, a Russian linguist with 2nd Radio Battalion, was killed in action on Feb. 5, 2011 in Afghanistan. (U.S. Marine Corps video by Cpl. Caleb T. Maher)

U.S. Marines with 2nd Radio Battalion, II Marine Expeditionary Force Information Group, and a British Royal Marine participate in the Sgt. Lucas T. Pyeatt Memorial Run at Camp Lejeune, N.C., Aug. 2, 2019. Pyeatt, a Russian linguist with 2nd Radio Battalion, was killed in action on Feb. 5, 2011 in Afghanistan. (U.S. Marine Corps video by Cpl. Caleb T. Maher)

Tags

memorial runCamp Lejeune2nd Radio BattalionSgt. Lucas T. PyeattMarine

Discover
More Recent

Filter
Sgt. Lucas T. Pyeatt Memorial Run

Aug. 2, 2019 | 1:18

View Video
Sgt. Lucas T. Pyeatt Memorial Run

Aug. 2, 2019 | 1:18

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)