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

Small Unmanned Aircraft System

A vendor loaned small unmanned aircraft system flies during Project G.I. at Marine Corps Base Camp Pendleton, California, Aug. 26, 2025. The Defense...

02

Project G.I

U.S. Marine Corps Cpl. Humberto Castro, a mortarman with 3rd Battalion, 7th Marine Regiment, 1st Marine Division, assembles a small unmanned aircraft...

03

The Defense Innovation Unit’s Project G.I. Challenge

U.S. Marines with 1st Marine Division prepare to launch a small unmanned aircraft system during Project G.I. at Marine Corps Base Camp Pendleton,...

04

Unmanned Aerial Systems Flight

Singapore Guardsmen with 3rd Battalion Singapore Guards, 7th Singapore Infantry Brigade, flys a Parrot Amari AI drone for an unmanned aerial systems...

05

1st MARDIV Marines test sUAS during Project G.I. 2025

U.S. Marines with 1st Marine Division watch a vendor loaned small unmanned aircraft system fly during Project G.I. at Marine Corps Base Camp...

06

Valiant Mark 25: U.S. Marines and Singapore Guardsmen conduct a UAS operation in preparation for the FTX

U.S. Marine Corps Cpl. Rijohn Adams, an intelligence specialist with 1st Battalion, 5th Marine Regiment, 1st Marine Division, attached to Marine...

  • 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

U.S. President Joseph R. Biden Arrives in Japan for G7 Summit in Hiroshima 2023
May 18, 2023 | 6:31
President Joseph R. Biden arrives at Marine Corps Air Station Iwakuni, Japan, May 18, 2023. Biden is scheduled to attend the G7 Summit in Hiroshima alongside world leaders from Japan, Italy, Canada, France, United Kingdom, Germany and the European Union. Biden conducted a troop talk with U.S. Marines and Sailors and members of the Japan Maritime Self-Defense Force at Marine Corps Air Station Iwakuni, Japan, May 18, 2023. (U.S. Marine Corps video by SSgt. Devin J. Andrews)

President Joseph R. Biden arrives at Marine Corps Air Station Iwakuni, Japan, May 18, 2023. Biden is scheduled to attend the G7 Summit in Hiroshima alongside world leaders from Japan, Italy, Canada, France, United Kingdom, Germany and the European Union. Biden conducted a troop talk with U.S. Marines and Sailors and members of the Japan Maritime Self-Defense Force at Marine Corps Air Station Iwakuni, Japan, May 18, 2023. (U.S. Marine Corps video by SSgt. Devin J. Andrews)

Tags

Joe BidenUS PresidentFLOTUSG-7Peace SummitPOTUS

Discover
More Recent

Filter
U.S. President Joseph R. Biden Arrives in Japan for G7 Summit in Hiroshima 2023

May 18, 2023 | 6:31

View Video
U.S. President Joseph R. Biden Arrives in Japan for G7 Summit in Hiroshima 2023

May 18, 2023 | 6:31

UNITAS LXVI: Marines Train with Allies and partners teaser

Sept. 10, 2025 | 1:05

View Video
UNITAS LXVI: Marines Train with Allies and partners teaser

Sept. 10, 2025 | 1:05

AITB Tests New Boots

Sept. 9, 2025 | 1:00

View Video
AITB Tests New Boots

Sept. 9, 2025 | 1: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)