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

260302-M-EE367-1201

U.S. Marine Corps Maj. Gen. Farrell Sullivan, the commanding general of 2nd Marine Division, conducts the cold plunge in Setermoen, Norway, Mar. 2,...

02

260218-M-NU424-1093

An MV-22B Osprey with Marine Medium Tiltrotor Squadron (VMM) 365 (Reinforced), 24th Marine Expeditionary Unit, takes flight during a tactical...

03

Joint Force

U.S. Marines with 2nd Combat Engineer Battalion, 2nd Marine Division, and Panamanian security partners conduct live fire and maneuver range training...

04

260219-M-FD141-1665

U.S. Marine Corps Lance Cpl. Peter D. Deluke, left, a combat engineer with 2nd Combat Engineer Battalion, 2nd Marine Division, kneels alongside Cabo...

05

260123-M-GD991-1052

U.S. Marine Corps Sgt. Henry David Volpe, an automotive maintenance technician with 2nd Maintenance Battalion, 2nd Combat Readiness Regiment, 2nd...

06

260216-M-FC877-1936

U.S. Marines with 2nd Battalion, 6th Marine Regiment, 2nd Marine Division, fires a M3A1 Multi-Role Anti-Armor Anti-Personnel Weapon System during...

  • 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

Non-lethal weapons course: I’ve seen fire and I’ve seen rain (in your eyes)
Dec. 30, 2017 | 0:47
Marines with the 15th Marine Expeditionary Unit endure a circuit while under the effects of Oleoresin Capsicum spray as part of a non-lethal weapons courseaboard USS Pearl Harbor (LSD 52), Dec. 30, 2017 . The course teaches Marines how to properly implement the weapon systems and provide them with the confidence and knowledge to push through the effects of the non-lethal weapons. The 15th MEU and America Amphibious Ready Group are operating in the U.S. 7th Fleet area of operations to enhance regional partnerships and serve as a ready-response capability for any type of contingency. (U.S. Marine Corps photo by Cpl. F. Cordoba)

Marines with the 15th Marine Expeditionary Unit endure a circuit while under the effects of Oleoresin Capsicum spray as part of a non-lethal weapons courseaboard USS Pearl Harbor (LSD 52), Dec. 30, 2017 . The course teaches Marines how to properly implement the weapon systems and provide them with the confidence and knowledge to push through the effects of the non-lethal weapons. The 15th MEU and America Amphibious Ready Group are operating in the U.S. 7th Fleet area of operations to enhance regional partnerships and serve as a ready-response capability for any type of contingency. (U.S. Marine Corps photo by Cpl. F. Cordoba)

Tags

OC sprayNonlethal weapons courseWest Pac 17-215th MEU

Discover
More Recent

Filter
Non-lethal weapons course: I’ve seen fire and I’ve seen rain (in your eyes)

Dec. 30, 2017 | 0:47

View Video
Non-lethal weapons course: I’ve seen fire and I’ve seen rain (in your eyes)

Dec. 30, 2017 | 0:47

Why We Join

March 5, 2026 | 3:15

View Video
Why We Join

March 5, 2026 | 3:15

2025 Silent Drill Platoon Yuma Package

March 4, 2026 | 2:00

View Video
2025 Silent Drill Platoon Yuma Package

March 4, 2026 | 2:00

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)