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

Maritime Key Terrain Security Operations

U.S. Marines with 3d Marine Division and Philippine Marines with Marine Battalion Landing Team 10, unload from a U.S. Army UH-60 Black Hawk with 25th...

02

Fall For Strength

A U.S. Marine Corps recruit with Fox Company, 2nd Recruit Training Battalion, jumps off a tower during water survival training at Marine Corps...

03

250424-M-MI096-1136

A U.S. Army UH-60 Black Hawk with 25th Combat Aviation Brigade, 25th Infantry Division, prepares to land while transporting U.S. Marines with 3d...

04

Deck By Force

U.S. Marines with 22nd Marine Expeditionary Unit board U.S. Army Vessel Major General Charles P. Gross (LSV-5) while conducting Visit, Board, Search,...

05

Integrated Air Missile Defense Training

U.S. Marines with 3d Marine Division prepare Marine Air Defense Integrated Systems for the Integrated Air Missile Defense training during Exercise...

06

250425-M-FO238-1015

U.S. Marines with 3d Littoral Anti-Air Battalion, 3d Marine Littoral Regiment, 3d Marine Division, prepare a Marine Air Defense Integrated System for...

  • 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

Steel Knight 23.2: HMLA-367 Aerial Support
Nov. 29, 2023 | 1:39
U.S. Marines with Marine Light Attack Helicopter Squadron 367, Marine Aircraft Group 39, 3rd Marine Aircraft Wing, escort MV-22 Ospreys with UH-1Y Venom and AH-1Z Viper helicopters for aerial support during a simulated embassy reinforcement in support of Exercise Steel Knight 23.2 at Marine Corps Base Camp Pendleton, Nov. 29, 2023. Steel Knight is a three-phase exercise designed to train I Marine Expeditionary Force in the planning, deployment and command and control of a joint force against a peer or near-peer adversary combat force and enhance existing live-fire and maneuver capabilities of the Marine Air Ground Task Force. (U.S. Marine Corps video by Lance Cpl. Anita Ramos)

U.S. Marines with Marine Light Attack Helicopter Squadron 367, Marine Aircraft Group 39, 3rd Marine Aircraft Wing, escort MV-22 Ospreys with UH-1Y Venom and AH-1Z Viper helicopters for aerial support during a simulated embassy reinforcement in support of Exercise Steel Knight 23.2 at Marine Corps Base Camp Pendleton, Nov. 29, 2023. Steel Knight is a three-phase exercise designed to train I Marine Expeditionary Force in the planning, deployment and command and control of a joint force against a peer or near-peer adversary combat force and enhance existing live-fire and maneuver capabilities of the Marine Air Ground Task Force. (U.S. Marine Corps video by Lance Cpl. Anita Ramos)

Tags

OspreyHMLA-367I MEFMarinesSteel KnightH-1s

Discover
More Recent

Filter
Steel Knight 23.2: HMLA-367 Aerial Support

Nov. 29, 2023 | 1:39

View Video
Steel Knight 23.2: HMLA-367 Aerial Support

Nov. 29, 2023 | 1:39

MRF-SEA 25 Deployment

May 9, 2025 | 2:35

View Video
MRF-SEA 25 Deployment

May 9, 2025 | 2:35

Iwo Jima Veteran celebrates 100th Birthday with Marines, Sailors, family aboard USS North Carolina

May 9, 2025 | 4:47

View Video
Iwo Jima Veteran celebrates 100th Birthday with Marines, Sailors, family aboard USS North Carolina

May 9, 2025 | 4:47

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

Marine Corps Installations Command logo
COLOSSALIS 24PX UPPERCASE
Helvetica 18px no transform
 

Bio Photos