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

Cyber Threat Environment

U.S. Marine Corps infographic created in Adobe Illustrator to share vital information about malicious cyber activities. This graphic provides an...

02

Small Unmanned Aircraft System Class

U.S. Marines with 4th Marine Regiment, 3d Marine Division pose for a photo with various unmanned systems on Camp Schwab, Okinawa, Japan, Aug. 13,...

03

Drone Observation

U.S. Marines with 4th Marine Regiment, 3d Marine Division observe an untethered Skydio X2D small, unmanned aircraft system fly on Camp Schwab,...

04

Small Unmanned Aircraft System Operation

U.S. Marines with 4th Marine Regiment, 3d Marine Division operate an untethered Skydio X2D small unmanned aircraft system on Camp Schwab, Okinawa,...

05

Convoy Maneuvers

U.S. Marine Corps Cpl. Mariia Bobryk with Headquarters Battalion, 2d Marine Division, II Marine Expeditionary Force, convoys as part of Marine Air...

06

WWII Marine Corps Veteran reunited with Sherman tank

U.S. Marine Corps veteran Cpl. Leighton Willhite, who served in the Battle of Iwo Jima, views the name painted on a World War II-era Sherman Tank at...

  • 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

Reel: U.S., Philippine Marines load MV-22 Ospreys in Laoag to Support Relief Efforts Alongside Philippine Allies
Oct. 11, 2024 | 0:22
U.S. Marines attached to Marine Rotational Force-Southeast Asia; 15th Marine Expeditionary Unit, I Marine Expeditionary Force; and III Marine Expeditionary Force Information Group, III Marine Expeditionary Force, and Philippine Marines with 4th Marine Brigade, load palletized supplies in to U.S. Marine Corps MV-22 Osprey’s attached to the 15th MEU at Laoag International Airport in support of humanitarian assistance and disaster relief operations in Laoag City, Ilocos Norte, Philippines, Oct. 10, 2024. The U.S. Department of Defense is supporting the Republic of the Philippines at the request of the Government of the Philippines during humanitarian assistance and disaster relief operations in the aftermath of Typhoon Krathon (Julian) in Northern Luzon. MRF-SEA is a rotational unit executing a Marine Corps Forces Pacific operational model that involves training events and exchanges with partner military subject matter experts, promotes security goals with Allied and partner nations, and ensures a persistent I Marine Expeditionary Force presence west of the International Date Line. (U.S. Marine Corps video by Sgt. Shaina Jupiter) 

U.S. Marines attached to Marine Rotational Force-Southeast Asia; 15th Marine Expeditionary Unit, I Marine Expeditionary Force; and III Marine Expeditionary Force Information Group, III Marine Expeditionary Force, and Philippine Marines with 4th Marine Brigade, load palletized supplies in to U.S. Marine Corps MV-22 Osprey’s attached to the 15th MEU at Laoag International Airport in support of humanitarian assistance and disaster relief operations in Laoag City, Ilocos Norte, Philippines, Oct. 10, 2024. The U.S. Department of Defense is supporting the Republic of the Philippines at the request of the Government of the Philippines during humanitarian assistance and disaster relief operations in the aftermath of Typhoon Krathon (Julian) in Northern Luzon. MRF-SEA is a rotational unit executing a Marine Corps Forces Pacific operational model that involves training events and exchanges with partner military subject matter experts, promotes security goals with Allied and partner nations, and ensures a persistent I Marine Expeditionary Force presence west of the International Date Line. (U.S. Marine Corps video by Sgt. Shaina Jupiter) 

Tags

HADRUSAIDIndo-PacificMRFSEATyphoon Julian

Discover
More Recent

Filter
Reel: U.S., Philippine Marines load MV-22 Ospreys in Laoag to Support Relief Efforts Alongside Philippine Allies

Oct. 11, 2024 | 0:22

View Video
Reel: U.S., Philippine Marines load MV-22 Ospreys in Laoag to Support Relief Efforts Alongside Philippine Allies

Oct. 11, 2024 | 0:22

MCRD San Diego Alpha Company Graduation

Sept. 5, 2025 | 01:02:31

View Video
MCRD San Diego Alpha Company Graduation

Sept. 5, 2025 | 01:02:31

Honorary Promotion Recognizes World War II Veteran’s Legacy of Service

Sept. 3, 2025 | 2:33

View Video
Honorary Promotion Recognizes World War II Veteran’s Legacy of Service

Sept. 3, 2025 | 2:33

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)