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

Battle Ready

U.S. Marines with 1st Battalion, 24th Marine Regiment, 4th Marine Division, assault Machine Gun Hill during Integrated Training Exercise 3-26 at...

02

Resolution Hunter

U.S. Marine Corps Sgt. Samuel Dentchevkruse, right, a native of North Carolina and a network administrator with 5th Air Naval Gunfire Liaison...

03

NMESIS

A Navy-Marine Expeditionary Ship Interdiction System is maneuvered on Camp Hansen, Okinawa, Japan, June 16, 2026. The NMESIS is a ground-based...

04

MADIS

Marine Air Defense Integrated Systems arrive at Kadena Air Base, Okinawa, Japan, June 10, 2026. The MADIS is the U.S. Marine Corps’ advanced mobile...

05

PALS 26: Command Senior Enlisted Leaders Program

Senior enlisted leaders from across the Indo-Pacific pose for a group photo following the Command Senior Enlisted Leaders Program during the...

06

PALS 26: Command Senior Enlisted Leaders Program

Senior enlisted leaders from across the Indo-Pacific pose for a group photo following the Command Senior Enlisted Leaders Program during the...

  • 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

Marines Partner with State and Federal Agencies for Endangered Desert Bighorn Sheep

June 25, 2026 | 2:08

View Video
Marines Partner with State and Federal Agencies for Endangered Desert Bighorn Sheep

June 25, 2026 | 2:08

26th Marine Expeditionary Unit's Type Commander's Amphibious Training

June 25, 2026 | 1:12

View Video
26th Marine Expeditionary Unit's Type Commander's Amphibious Training

June 25, 2026 | 1:12

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)