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

Helicopter Support Team Operation

U.S. Marines with Combat Logistics Battalion 8, Combat Logistics Regiment 2, 2nd Marine Logistics Group and Marine Heavy Helicopter Squadron (HMH)...

02

Secure Radar

U.S. Marine Corps Lance Cpl. Jayden Kelly, left, and Lance Cpl. Brandon Sardello, both logistics specialists with Combat Logistics Battalion 8,...

03

Heavy Lift Training

A U.S. Marine Corps CH-53E Super Stallion assigned to Heavy Helicopter Squadron 361, Marine Aircraft Group 16, 3rd Marine Aircraft Wing, lifts a...

04

250730-M-FC877-1183

U.S. Marines with Combat Logistics Battalion 8, Combat Logistics Regiment 2, 2nd Marine Logistics Group and Marine Heavy Helicopter Squadron (HMH)...

05

Targeted Fire

U.S. Marine Corps Lance Cpl. Eliczar Gallegos fires an M27 Infantry Automatic Rifle during a force on force in support of Artillery Relocation...

06

U.S. Marines with 2nd MAW execute external lifts and helocasting alongside U.S. Army Special Warfare Training Group (Airborne)

A CH-53K King Stallion with Marine Heavy Helicopter Squadron (HMH) 461, Marine Aircraft Group 29, 2nd Marine Aircraft Wing (MAW), transports a...

  • 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: MRF-SEA, PMC, ROKMC, JGSDF, visit local school children
Nov. 16, 2023 | 1:08
Marines from the U.S., Philippines, Republic of Korea, and service members from the Japanese Ground Self-Defense Force participate in a meet and greet with students as part of a community relations event at Gat Andres Bonifacio Elementary School in Manila, Philippines, Nov. 16, 2023. The Marines were able to play and converse with students. MRF-SEA is a Marine Corps Forces Pacific operational model which involves planned exchanges with subject matter experts, promotes security goals with Allies and Partners, and positions I MEF forces west of the International Date Line. (U.S. Marine Corps photo by Sgt. Shaina Jupiter)

Marines from the U.S., Philippines, Republic of Korea, and service members from the Japanese Ground Self-Defense Force participate in a meet and greet with students as part of a community relations event at Gat Andres Bonifacio Elementary School in Manila, Philippines, Nov. 16, 2023. The Marines were able to play and converse with students. MRF-SEA is a Marine Corps Forces Pacific operational model which involves planned exchanges with subject matter experts, promotes security goals with Allies and Partners, and positions I MEF forces west of the International Date Line. (U.S. Marine Corps photo by Sgt. Shaina Jupiter)

Tags

JGSDFPMCROKMCFreeAndOpenIndoPacificMRFSEA

Discover
More Recent

Filter
B-Roll: MRF-SEA, PMC, ROKMC, JGSDF, visit local school children

Nov. 16, 2023 | 1:08

View Video
B-Roll: MRF-SEA, PMC, ROKMC, JGSDF, visit local school children

Nov. 16, 2023 | 1:08

On 3: U.S. Service Members Sky Dive during the 2025 MCBH Kaneohe Airshow

Aug. 9, 2025 | 1:48

View Video
On 3: U.S. Service Members Sky Dive during the 2025 MCBH Kaneohe Airshow

Aug. 9, 2025 | 1:48

Military Appreciation Day at MCBH

Aug. 8, 2025 | 7:21

View Video
Military Appreciation Day at MCBH

Aug. 8, 2025 | 7:21

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)