Style Guide

Branding, typography, iconography, components & prototypes for Marines.mil Website Development

TABS

Sliders

  • The twitter componet uses an H2 for the "Latest Tweets" header
  • The body text uses Helvetica 16px
News Slider

01

260617-M-M0198-2455

On June 18, 2026, Program Manager Training Systems, supported by Naval Surface Warfare Center Corona, completed the fielding of target systems for...

02

260618-M-M0198-5601

On June 18, 2026, Program Manager Training Systems, supported by Naval Surface Warfare Center Corona, completed the fielding of target systems for...

03

260618-M-M0198-4938

On June 18, 2026, Program Manager Training Systems, supported by Naval Surface Warfare Center Corona, completed the fielding of target systems for...

04

Search and Rescue

A U.S. Marine with Maritime Raid Force, Littoral Combat Force-24, cuts through rebar with an electric saw during a search and rescue in La Guaira,...

05

Combat Ready

A U.S. Marine Corps officer candidate with Platoon Leaders Course Juniors, India Company, Officer Candidates School, participates in the combat...

06

Obstacle Challenge

A U.S. Marine Corps officer candidate with Platoon Leaders Course Seniors, Lima Company, Officer Candidates School, participates in the Endurance...

  • 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

Credible Deterrence: U.S. Marines and Japan Self-Defense Force in Resolute Dragon 2026

July 7, 2026 | 1:00

View Video
Credible Deterrence: U.S. Marines and Japan Self-Defense Force in Resolute Dragon 2026

July 7, 2026 | 1:00

Silent Drill Platoon performs at Grand Central Terminal during INR 250

July 6, 2026 | 2:02

View Video
Silent Drill Platoon performs at Grand Central Terminal during INR 250

July 6, 2026 | 2:02

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)