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: Recon Marines helocast from Army Chinook during Steel Knight 23
Dec. 2, 2022 | 1:27
U.S. Marines with Bravo Company, 1st Reconnaissance Battalion, 1st Marine Division, helocast from a U.S. Army MH-47 Chinook helicopter with 160th Special Operations Aviation Regiment as part of Steel Knight 23 off the coast of Marine Corps Base Camp Pendleton, California, Dec. 2, 2022. Helocasting is a maritime insertion method for small units during amphibious operations. Steel Knight is an annual combined arms live-fire exercise which ensures 1st MARDIV is optimized for naval expeditionary warfare in contested spaces, and is purpose-built to facilitate future operations afloat and ashore. (U.S. Marine Corps video by Cpl. Atticus Martinez)

U.S. Marines with Bravo Company, 1st Reconnaissance Battalion, 1st Marine Division, helocast from a U.S. Army MH-47 Chinook helicopter with 160th Special Operations Aviation Regiment as part of Steel Knight 23 off the coast of Marine Corps Base Camp Pendleton, California, Dec. 2, 2022. Helocasting is a maritime insertion method for small units during amphibious operations. Steel Knight is an annual combined arms live-fire exercise which ensures 1st MARDIV is optimized for naval expeditionary warfare in contested spaces, and is purpose-built to facilitate future operations afloat and ashore. (U.S. Marine Corps video by Cpl. Atticus Martinez)

Tags

1st Marine DivisionSteel KnightMH-47 ChinookHelo CastingMarinesRecon

Discover
More Recent

Filter
B-Roll: Recon Marines helocast from Army Chinook during Steel Knight 23

Dec. 2, 2022 | 1:27

View Video
B-Roll: Recon Marines helocast from Army Chinook during Steel Knight 23

Dec. 2, 2022 | 1:27

Combat Logistics Battalion 24 conducts en route care exercise

Oct. 20, 2022 | 1:28

View Video
Combat Logistics Battalion 24 conducts en route care exercise

Oct. 20, 2022 | 1:28

III MEF Underwater Egress Training

Sept. 28, 2022 | 0:39

View Video
III MEF Underwater Egress Training

Sept. 28, 2022 | 0:39

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)