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

Windy City Brass

The Quantico Brass Band performs after the closing ceremony for Chicago Marine Week 2025 at the Navy Pier, Chicago, Illinois, July 13, 2025. Marines...

02

Chicago Precision

U.S. Marines with the United States Marine Corps Silent Drill Platoon execute their "double inspection" sequence as a part of a public performance in...

03

Community Cardio

U.S. Marine Corps Lance Cpl. Rafael Garcia, an administrative specialist assigned to Special Purpose Marine Air-Ground Task Force-250, leads a...

04

Marine Week Chicago Closing Ceremony

Brian Hopkins, the 2nd Ward Alderman of Chicago, delivers a speech during the closing ceremony at the Navy Pier for Marine Week Chicago, July 13,...

05

Wish Granted

The U.S. Marine Corps Silent Drill Platoon, assigned to Special Purpose Marine Air-Ground Task Force-250, and Jamaria Peters, a Make-A-Wish...

06

Chicago Precision

U.S. Marines with the United States Marine Corps Silent Drill Platoon execute their "double inspection" sequence as a part of a public performance in...

  • 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

PROTRAMID 2021
June 10, 2021 | 1:30
U.S. Naval Academy midshipman engage in the Infantry Immersion Trainer and practice various Marine Corps Martial Arts Program techniques during Professional Training of Midshipmen (PROTRAMID) on Camp Lejeune, N.C., June 10, 2021. The purpose of PROTRAMID is to expose students to opportunities in the Fleet Marine Forces and generate an interest in a Marine Corps commissioning program. (U.S. Marine Corps video by Lance Cpl. Justin Brown)

U.S. Naval Academy midshipman engage in the Infantry Immersion Trainer and practice various Marine Corps Martial Arts Program techniques during Professional Training of Midshipmen (PROTRAMID) on Camp Lejeune, N.C., June 10, 2021. The purpose of PROTRAMID is to expose students to opportunities in the Fleet Marine Forces and generate an interest in a Marine Corps commissioning program. (U.S. Marine Corps video by Lance Cpl. Justin Brown)

Tags

midshipmanU.S. Naval AcademyUSNProtramidFollow Me2D MARDIV

Discover
More Recent

Filter
PROTRAMID 2021

June 10, 2021 | 1:30

View Video
PROTRAMID 2021

June 10, 2021 | 1:30

Meet Your Chaplain - MCB Quantico

July 16, 2025 | 1:11

View Video
Meet Your Chaplain - MCB Quantico

July 16, 2025 | 1:11

Meet Your Chaplain - MCB Quantico

July 16, 2025 | 1:10

View Video
Meet Your Chaplain - MCB Quantico

July 16, 2025 | 1:10

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)