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

COMPUTEX Patrol

U.S. Marines with 22nd Marine Expeditionary Unit patrol to an observation post during an amphibious assault as part of Composite Training Unit...

02

Alpha Co. 8k

U.S. Marine Corps recruits with Alpha Company, 1st Recruit Training Battalion, conduct an eight-kilometer hike at Marine Corps Base Camp Pendleton,...

03

Tactical Combat Casualty Care

U.S. Navy Sailors and Marines with Marine Rotational Force – Darwin 25.3 and Australian soldiers with 1st Health Battalion, conduct tactical combat...

04

Quality Control

U.S. Marine Corps Cpl. Eduardo Meza, with the Installation Personnel Administration Center, Headquarters Company, Headquarters and Service Battalion,...

05

Security Hold

U.S. Marine Corps Lance Cpl. Jaylee Lul, a rifleman with Lima Company, Battalion Landing Team 3/6, 22nd Marine Expeditionary Unit, holds security...

06

Service Level Training Exercise

U.S. Marines with 2d Reconnaissance Battalion, 2d Marine Division conduct a freefall jump off a C-130 Hercules during Service Level Training Exercise...

  • 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

HMH-461 supports V27 during MDMX 1-25
Feb. 11, 2025 | 9:05
U.S. Marines with Marine Heavy Helicopter Squadron (HMH) 461, Marine Aircraft Group 29, 2nd Marine Aircraft Wing, and 2nd Battalion, 7th Marine Regiment, 1st Marine Division, fly in a CH-53K King Stallion during the air assault portion of Marine Air-Ground Task Force Distributed Maneuver Exercise 1-25 at Marine Corps Air-Ground Combat Center, Twentynine Palms, California, Feb. 11, 2025. MDMX prepares Marines for future conflicts by combining constructed virtual training with offensive and defensive live-fire and maneuver training scenarios. Service Level Training Exercise 1-25 is designed to enhance readiness across core Mission Essential Tasks and prepares the MAGTF to execute distributed operations across vast, diverse environments by emphasizing decentralized command and control. (U.S. Marine Corps photo by Sgt. Makayla Elizalde)

U.S. Marines with Marine Heavy Helicopter Squadron (HMH) 461, Marine Aircraft Group 29, 2nd Marine Aircraft Wing, and 2nd Battalion, 7th Marine Regiment, 1st Marine Division, fly in a CH-53K King Stallion during the air assault portion of Marine Air-Ground Task Force Distributed Maneuver Exercise 1-25 at Marine Corps Air-Ground Combat Center, Twentynine Palms, California, Feb. 11, 2025. MDMX prepares Marines for future conflicts by combining constructed virtual training with offensive and defensive live-fire and maneuver training scenarios. Service Level Training Exercise 1-25 is designed to enhance readiness across core Mission Essential Tasks and prepares the MAGTF to execute distributed operations across vast, diverse environments by emphasizing decentralized command and control. (U.S. Marine Corps photo by Sgt. Makayla Elizalde)

Tags

combined armsIron Horsemaneuver warfareUSMCNews

Discover
More Recent

Filter
HMH-461 supports V27 during MDMX 1-25

Feb. 11, 2025 | 9:05

View Video
HMH-461 supports V27 during MDMX 1-25

Feb. 11, 2025 | 9:05

Fuji Viper High Explosive Range Reel

July 9, 2024 | 0:27

View Video
Fuji Viper High Explosive Range Reel

July 9, 2024 | 0:27

Marine Raiders conduct Combined-Arms Live-Fire Maneuver

April 24, 2024 | 1:20

View Video
Marine Raiders conduct Combined-Arms Live-Fire Maneuver

April 24, 2024 | 1:20

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)