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

MADIS Live-Fire

U.S. Marines with 3d Marine Division run to a firing point with a FIM-92 Stinger during a training exercise at Pohakuloa Training Area, Hawaii, Jan....

02

Fire

A Marine Air Defense Integrated System Mk 1 fires upon a small unmanned aircraft system during a training exercise at Pohakuloa Training Area,...

03

Assault In Motion

U.S. Marines with 31st Marine Expeditionary Unit (MEU) exit from a U.S. Marine Corps Amphibious Combat Vehicle (ACV) assigned to 31st MEU during a...

04

Ready To Train

U.S. Marines with Marine Rotational Force – Darwin 25.3 disembark a U.S. Air Force C-130J with 36th Airlift Squadron, 374th Airlift Wing after their...

05

Amphibious Assault Demo Rehearsal

U.S. Marines with Marine Rotational Force – Darwin 25.3 and Philippine Reconnaissance Marines move to their objective during an amphibious assault...

06

Line Of Fire

U.S. Marines with 15th Marine Expeditionary Unit fire M16 rifles at targets during a live fire Table 3-6 range at Marine Corps Base Camp Pendleton,...

  • 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

Modern Day Marine 2025 Day One Interview Cpl. Jeremy Barthelemy
April 29, 2025 | 1:58
U.S. Marine Corps Cpl. Jeremy Barthelemy, assigned to Manpower Management, Manpower and Reserve Affairs, speaks about his experience in Modern Day Marine in his perspective and shares thoughts about how the new technologies will enhance the Marine Corps at the Walter E. Washington Convention Center, Washington D.C., April 29, 2025. Modern Day Marine is open specifically for Marines, DoD, association partners, and approved industry representatives and features more over than 300 exhibitors displaying the latest modern innovations, and technology that will improve on warfighting capabilities. (U.S. Marine Corps video by Lance Cpl. Elisa Ruiz)

U.S. Marine Corps Cpl. Jeremy Barthelemy, assigned to Manpower Management, Manpower and Reserve Affairs, speaks about his experience in Modern Day Marine in his perspective and shares thoughts about how the new technologies will enhance the Marine Corps at the Walter E. Washington Convention Center, Washington D.C., April 29, 2025. Modern Day Marine is open specifically for Marines, DoD, association partners, and approved industry representatives and features more over than 300 exhibitors displaying the latest modern innovations, and technology that will improve on warfighting capabilities. (U.S. Marine Corps video by Lance Cpl. Elisa Ruiz)

Tags

MDM2025MDM25

Discover
More Recent

Filter
Modern Day Marine 2025 Day One Interview Capt. Josh Hilman

April 29, 2025 | 2:53

View Video
Modern Day Marine 2025 Day One Interview Capt. Josh Hilman

April 29, 2025 | 2:53

Modern Day Marine 2025 Day One Interview Cpl. Jeremy Barthelemy

April 29, 2025 | 1:58

View Video
Modern Day Marine 2025 Day One Interview Cpl. Jeremy Barthelemy

April 29, 2025 | 1:58

Modern Day Marine 2025 Day One B-Roll

April 29, 2025 | 3:02

View Video
Modern Day Marine 2025 Day One B-Roll

April 29, 2025 | 3:02

Additional Video templates available

Unit Page Header


United States Marine Corps Flagship

Marine Corps Installations Command logo
COLOSSALIS 24PX UPPERCASE
Helvetica 18px no transform
 

Bio Photos