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

260212-M-UR958-1014

U.S. Marine Corps Lance Cpl. James Goode, an infantry scout with 3rd Battalion, 2nd Marine Regiment, 24th Marine Expeditionary Unit, prepares for a...

02

JUMP!

A U.S. Marine with the Maritime Raid Force, 11th Marine Expeditionary Unit, jumps from a Skyvan 3A during military free fall training in Lake...

03

Fleet Vehicles

Prepositioned motor transport equipment is staged at a Marine Corps Prepositioning Program Norway cave site in January 2026 in Norway in preparation...

04

260122-M-GS031-1028

U.S. Marine Corps tactical vehicles are staged in preparation for exercise Cold Response 26 in Tromsdalen, Norway, Jan. 22, 2026. The Marine Corps...

05

260203-M-WH287-1020

U.S. Marine Corps Sgt. Maj. Ismael G. Bamba, command senior enlisted leader of Marine Forces Korea, stands at attention as his citation is read...

06

260204-M-WH287-1029

A Republic of Korea Prime Minister Commendation is worn by U.S. Marine Corps Sgt. Maj. Ismael G. Bamba, command senior enlisted leader of 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

NMESIS Launcher Mobility Characterization 2021
June 2, 2023 | 5:07
B-Roll highlight of the Navy Marine Expeditionary Ship Interdiction System (NMESIS) Launcher mobility characterization testing conducted from February 2021 through February 2022.

B-Roll highlight of the Navy Marine Expeditionary Ship Interdiction System (NMESIS) Launcher mobility characterization testing conducted from February 2021 through February 2022.

Tags

NSMcoastal defenseRogueNAVAL STRIKE MISSILEEABOForce DesignNMESISROGUE-FiresMMSL

Discover
More Recent

Filter
NMESIS Launcher Mobility Characterization 2021

June 2, 2023 | 5:07

View Video
NMESIS Launcher Mobility Characterization 2021

June 2, 2023 | 5:07

Video: HMH-465 conducts Deployment for Training

Feb. 24, 2026 | 2:14

View Video
Video: HMH-465 conducts Deployment for Training

Feb. 24, 2026 | 2:14

Living and Serving in New Orleans

Feb. 24, 2026 | 3:19

View Video
Living and Serving in New Orleans

Feb. 24, 2026 | 3:19

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)