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

Maritime Interception Operations

U.S. Marines with Maritime Special Purpose Force and Weapons Company, Battalion Landing Team 3/6, both with the 22nd Marine Expeditionary Unit,...

02

Deckside Defenders

U.S. Marines with 22nd Marine Expeditionary Unit provide security while conducting defense of the amphibious task force in support of a simulated...

03

250518-M-VB488-8262

A Jump 20 group 3 Unmanned Aerial System conducts a flight to provide surveillance for maritime interception operations during Amphibious Ready Group...

04

Shadow Work

U.S. Marines with Marine Medium Tiltrotor Squadron (VMM) 265 (Rein.), 31st Marine Expeditionary Unit, conduct maintenance on aircraft during flight...

05

Unity in Service & Care

U.S. Marine Corps 1st Lt. Hope Nelson, planning officer with the 2d Combat Engineer Battalion, Special-Purpose Marine Air-Ground Task Force 250,...

06

CMA Fest Meets Marines Best

U.S. Marines with 2d Marine Aircraft Wing band, Special-Purpose Marine Air-Ground Task Force 250, take a group photo at the Ascend Amphitheater for...

  • 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

Sgt. Whitby - Stay Marine
Oct. 17, 2016 | 2:54
The Marine Corps provides various avenues to Marines that allow them to become successful in their professional and personal lives. Those options include exploring opportunities outside of their assigned military occupational specialties, further educational benefits and chances to move to a fresh career path in the Marine Corps through lateral moves. Stay Marine highlights individuals who have taken advantage of these opportunities to further their experiences and strengthen their professional military lives.

The Marine Corps provides various avenues to Marines that allow them to become successful in their professional and personal lives. Those options include exploring opportunities outside of their assigned military occupational specialties, further educational benefits and chances to move to a fresh career path in the Marine Corps through lateral moves. Stay Marine highlights individuals who have taken advantage of these opportunities to further their experiences and strengthen their professional military lives.

Tags

1st MLGretentionriflemen3rd MAWI MEF1st Marine DivisionI Marine Expeditionary ForceMarine CorpsMarinesEOD3rd Marine Air Wing1st Marine Logistic Group3rd Marine Expeditionary ForceI MHGI Marine Expeditionary Force Headquarters GroupEXPLOSIVE ORDANANCEStay MarineSgt. Whitby

Discover
More Recent

Filter
Sgt. Whitby - Stay Marine

Oct. 17, 2016 | 2:54

View Video
Sgt. Whitby - Stay Marine

Oct. 17, 2016 | 2:54

QUART 25.3: Forged By Sea

June 16, 2025 | 2:39

View Video
QUART 25.3: Forged By Sea

June 16, 2025 | 2:39

MRF-D 25.3: Southern Jackaroo 25 Teaser

June 15, 2025 | 0:39

View Video
MRF-D 25.3: Southern Jackaroo 25 Teaser

June 15, 2025 | 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)