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

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...

02

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...

03

Function Check

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

04

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...

05

SUAS Shadows

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

06

SUAS Inspection

U.S. Marine Corps Staff Sgt. Ronald Johnson II, left, an instructor with Small Unmanned Aircraft Systems School, Advanced Infantry Training...

  • 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

Energy Action Month 2019
Oct. 10, 2019 | 1:15
October marks Energy Action Month. This year the Marine Corps’ focus is energy resiliency. Marine Corps Base Camp Pendleton leadership urge service members working aboard the base to think ahead and create a plan for how they will continue operations in the event of a major power outage. (U.S. Marine Corps video by Cpl. Stephen Beard)

October marks Energy Action Month. This year the Marine Corps’ focus is energy resiliency. Marine Corps Base Camp Pendleton leadership urge service members working aboard the base to think ahead and create a plan for how they will continue operations in the event of a major power outage. (U.S. Marine Corps video by Cpl. Stephen Beard)

Tags

power outageEnergy Action MonthMCI-West Energy TeamCamp Pendleton

Discover
More Recent

Filter
Energy Action Month 2019

Oct. 10, 2019 | 1:15

View Video
Energy Action Month 2019

Oct. 10, 2019 | 1:15

Marine Week Chicago 2025: U.S. Marines and Make-A-Wish Foundation spend the day with Jamaria Peters

July 11, 2025 | 6:48

View Video
Marine Week Chicago 2025: U.S. Marines and Make-A-Wish Foundation spend the day with Jamaria Peters

July 11, 2025 | 6:48

Marine Week Chicago 2025: Marines and Make-A-Wish Foundation Foundation Grant Wish

July 11, 2025 | 0:51

View Video
Marine Week Chicago 2025: Marines and Make-A-Wish Foundation Foundation Grant Wish

July 11, 2025 | 0:51

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)