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

KM23: 1st Lt. Joel Marshall Interview
Sept. 13, 2023 | 6:04
U.S. Marine Corps 1st Lt. Joel Marshall, a logistics officer with Task Force Koa Moana 23, discusses Task Force Koa Moana 23 at Chuuk High School in Weno, Chuuk, Federated States of Micronesia, Sept. 13, 2023. Task Force Koa Moana 23, composed of U.S. Marines and Sailors from I Marine Expeditionary Force, deployed to the Indo-Pacific to strengthen relationships with Pacific Island partners through bilateral and multilateral security cooperation and community engagements. (U.S. Marine Corps video by Cpl. Trent A. Henry)

U.S. Marine Corps 1st Lt. Joel Marshall, a logistics officer with Task Force Koa Moana 23, discusses Task Force Koa Moana 23 at Chuuk High School in Weno, Chuuk, Federated States of Micronesia, Sept. 13, 2023. Task Force Koa Moana 23, composed of U.S. Marines and Sailors from I Marine Expeditionary Force, deployed to the Indo-Pacific to strengthen relationships with Pacific Island partners through bilateral and multilateral security cooperation and community engagements. (U.S. Marine Corps video by Cpl. Trent A. Henry)

Tags

1st MLGrecruitingKM23IMEF24interviewrenovation

Discover
More Recent

Filter
KM23: 1st Lt. Joel Marshall Interview

Sept. 13, 2023 | 6:04

View Video
KM23: 1st Lt. Joel Marshall Interview

Sept. 13, 2023 | 6:04

KM23: Dr. Arthur P. Sigrah Memorial Hospital Renovation B-Roll

Sept. 6, 2023 | 1:49

View Video
KM23: Dr. Arthur P. Sigrah Memorial Hospital Renovation B-Roll

Sept. 6, 2023 | 1:49

KM23: Cpl. Jujawn Banks Interview

Sept. 6, 2023 | 1:43

View Video
KM23: Cpl. Jujawn Banks Interview

Sept. 6, 2023 | 1:43

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)