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

VP Hikes with Camp Pendleton

U.S. Marines with Headquarters and Support Battalion, Marine Corps Base Camp Pendleton, conduct a hike with the Vice President of the United States,...

02

SUAS Live Fire Training

U.S. Marines with Advanced Infantry Training Battalion, School of Infantry – East run up range after preparing a Neros Archer small unmanned aircraft...

03

Marine Week Chicago Opening Ceremony

U.S Marines with the Silent Drill Platoon perform at the opening ceremony of Marine Week Chicago, July 10, 2025. Throughout the year Marines across...

04

Function Check

U.S. Marine Corps Chief Warrant Officer 5 Steven Pearsoll, an explosives ordinance officer with Weapons Training Battalion, and Gunnery Sgt. Kyle...

05

SkyRaider takes the Sky

An R80D SkyRaider small unmanned aircraft system (SUAS) carries a Mjolnir munitions system during a combined arms live-fire training exercise...

06

SUAS Shadows

U.S. Marines with Advanced Infantry Training Battalion, School of Infantry – East prepare to launch a Neros Archer small unmanned aircraft system...

  • 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

Dakota Meyer visits MCAS Beaufort
May 7, 2025 | 1:48
Medal of Honor recipient, U.S. Marine Corps Sgt. Dakota Meyer, visits and speaks to Marines at Marine Corps Air Station Beaufort, South Carolina, May 7, 2025. Meyer spoke to Marines across the base about his story and encouraged them to be great leaders. (U.S. Marine Corps video by Cpl. Mason Coots)

Medal of Honor recipient, U.S. Marine Corps Sgt. Dakota Meyer, visits and speaks to Marines at Marine Corps Air Station Beaufort, South Carolina, May 7, 2025. Meyer spoke to Marines across the base about his story and encouraged them to be great leaders. (U.S. Marine Corps video by Cpl. Mason Coots)

Tags

MCAS BeaufortDakota MeyerMarineUSMCMedal of Honor

Discover
More Recent

Filter
Dakota Meyer visits MCAS Beaufort

May 7, 2025 | 1:48

View Video
Dakota Meyer visits MCAS Beaufort

May 7, 2025 | 1:48

U.S. Marines with VMM-266 conduct qualifications aboard USS New York

July 15, 2025 | 0:28

View Video
U.S. Marines with VMM-266 conduct qualifications aboard USS New York

July 15, 2025 | 0:28

U.S. Marines with 2nd Marine Aircraft Wing participate in Atlantic Alliance 2025 (Trailer)

July 15, 2025 | 0:41

View Video
U.S. Marines with 2nd Marine Aircraft Wing participate in Atlantic Alliance 2025 (Trailer)

July 15, 2025 | 0:41

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)