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

B-Roll: Midshipmen learn to breach doors
July 22, 2024 | 2:43
U.S. Marines from Mobility Assault Company, 1st Combat Engineer Battalion, 1st Marine Division, teach U.S. Naval Academy midshipmen how to breach a door as part of the Professional Training of Midshipmen program at Marine Corps Base Camp Pendleton, California, July 22, 2024. The PROTRAMID program provides midshipmen with a field perspective of Marines and instills interest in future Marine Corps officers. (U.S. Marine Corps video by Lance Cpl. Logan Courtright)

U.S. Marines from Mobility Assault Company, 1st Combat Engineer Battalion, 1st Marine Division, teach U.S. Naval Academy midshipmen how to breach a door as part of the Professional Training of Midshipmen program at Marine Corps Base Camp Pendleton, California, July 22, 2024. The PROTRAMID program provides midshipmen with a field perspective of Marines and instills interest in future Marine Corps officers. (U.S. Marine Corps video by Lance Cpl. Logan Courtright)

Tags

breaching1st Marine DivisionU.S. Naval AcademyMidshipmen1st ceb

Discover
More Recent

Filter
B-Roll: Midshipmen learn to breach doors

July 22, 2024 | 2:43

View Video
B-Roll: Midshipmen learn to breach doors

July 22, 2024 | 2:43

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)