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

Morning Sunrise

U.S. Marines perform low crawling techniques during a Marine Corps Martial Arts Instructor Course culminating event at Marine Corps Base Camp...

02

210807-M-TS451-1757

A U.S. Marine with 31st Marine Expeditionary Unit (MEU) and Sailor with America Expeditionary Strike Group fire at a target during a shooting...

03

Stallion In Flight

A CH-53E Super Stallion assigned to Marine Medium Tiltrotor Squadron (VMM) 163 (Reinforced), 11th Marine Expeditionary Unit, hovers over the flight...

04

BLAST

U.S. Marines with 2nd Battalion, 8th Marine Regiment, currently forward deployed with 4th Marine Regiment, 3rd Marine Division as part of the Unit...

05

Ceremony Prep

Philippine Air Force Tech. Sgt. Conan Cruz delivers the invocation prior to a Bundle of Joy ceremony during a civic-military engagement supporting...

06

Scream at Me

U.S. Marine Corps Sgt. Xavier Perez, a drill instructor with Fox Company, 2nd Recruit Training Battalion, Recruit Training Regiment, instructs...

  • 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

The Marine Corps Direct Affiliation Program
April 17, 2026 | 1:56
This video production gives information on the Direct Affiliation Program, Marine Corps Support Facility New Orleans, Louisiana, April 14, 2026. The Direct Affiliation Program offers qualified Marines the opportunity to affiliate with the Select Marine Corps Reserve following the end of their active service. (U.S. Marine Corps video by Cpl. Kanoa Thomas)

By License - This video contains audio from a USMC enterprise licensed asset from Adobe Stock:

"Information Flow" by Alexey Anisimov / https://stock.adobe.com/

This video production gives information on the Direct Affiliation Program, Marine Corps Support Facility New Orleans, Louisiana, April 14, 2026. The Direct Affiliation Program offers qualified Marines the opportunity to affiliate with the Select Marine Corps Reserve following the end of their active service. (U.S. Marine Corps video by Cpl. Kanoa Thomas)

By License - This video contains audio from a USMC enterprise licensed asset from Adobe Stock:

"Information Flow" by Alexey Anisimov / https://stock.adobe.com/

Tags

DAPDirect Affiliation ProgramMarinesReserveMARFORRES

Discover
More Recent

Filter
MCI-West regional installation commanders recognize April as Sexual Assault Awareness and Prevention Month

April 17, 2026 | 2:23

View Video
MCI-West regional installation commanders recognize April as Sexual Assault Awareness and Prevention Month

April 17, 2026 | 2:23

The Marine Corps Direct Affiliation Program

April 17, 2026 | 1:56

View Video
The Marine Corps Direct Affiliation Program

April 17, 2026 | 1:56

The Marine Corps Direct Affiliation Program | Sgt. Alexander Montegna

April 17, 2026 | 1:21

View Video
The Marine Corps Direct Affiliation Program | Sgt. Alexander Montegna

April 17, 2026 | 1:21

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)