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

Marines depart to the Philippines

U.S. Marines with Marine Rotational Force – Darwin 25.3, load packs onto a MV-22B Osprey assigned to Marine Medium Tiltrotor Squadron (VMM) 363,...

02

Marines depart to the Philippines

U.S. Marines with Marine Medium Tiltrotor Squadron (VMM) 363, Marine Rotational Force – Darwin 25.3, begin loading bags onto an MV-22B Osprey before...

03

Life Saving Support

U.S. Marines with Marine Rotational Force – Darwin 25.3, load packs onto a MV-22B Osprey assigned to Marine Medium Tiltrotor Squadron (VMM) 363,...

04

Life Saving Support

U.S. Marines with Marine Rotational Force – Darwin 25.3 unload supplies for urgent lifesaving support at Clark Air Base, Angeles, Philippines, July...

05

Life Saving Support In The Philippines

U.S. Marines with Marine Rotational Force – Darwin 25.3 and Clark Air Base personnel unload supplies for urgent lifesaving support at Clark Air Base,...

06

SCREAM

Rct. Peyton Schlegel, a recruit with November Company, 3rd Recruit Training Battalion, navigates the “Monkey Bridge” while completing the Confidence...

  • 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: Steel Knight 23.2: U.S. Sailors, Marines beach Improved Navy Lighterage System at Camp Pendleton
Dec. 5, 2023 | 2:21
U.S. Navy Sailors with Naval Beach Group One and U.S. Marines with Combat Logistics Battalion 5, Combat Logistics Regiment 1, 1st Marine Logistics Group, beach an Improved Navy Lighterage System during Exercise Steel Knight 23.2 at Marine Corps Base Camp Pendleton, California, Dec. 5, 2023. Steel Knight 23.2 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 Cpl. Manuel Rivera)

U.S. Navy Sailors with Naval Beach Group One and U.S. Marines with Combat Logistics Battalion 5, Combat Logistics Regiment 1, 1st Marine Logistics Group, beach an Improved Navy Lighterage System during Exercise Steel Knight 23.2 at Marine Corps Base Camp Pendleton, California, Dec. 5, 2023. Steel Knight 23.2 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 Cpl. Manuel Rivera)

Tags

INLSSteel KnightNaval Beach Group 1SK 23.2Combat Logistics Group 5Navy

Discover
More Recent

Filter
B-Roll: Steel Knight 23.2: U.S. Sailors, Marines beach Improved Navy Lighterage System at Camp Pendleton

Dec. 5, 2023 | 2:21

View Video
B-Roll: Steel Knight 23.2: U.S. Sailors, Marines beach Improved Navy Lighterage System at Camp Pendleton

Dec. 5, 2023 | 2:21

2nd Marine Regiment, 2d Marine Division Change of Command 2025

July 31, 2025 | 38:20

View Video
2nd Marine Regiment, 2d Marine Division Change of Command 2025

July 31, 2025 | 38:20

MARFORPAC Highlight July 2025 Vertical

July 30, 2025 | 0:31

View Video
MARFORPAC Highlight July 2025 Vertical

July 30, 2025 | 0:31

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)