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

Marines depart to the Philippines

U.S. Marines with Marine Rotational Force – Darwin 25.3, load packs onto a MV-22B Osprey assigned to Marine Medium Tiltrotor Squadron (VMM) 363,...

02

Marines depart to the Philippines

U.S. Marines with Marine Medium Tiltrotor Squadron (VMM) 363, Marine Rotational Force – Darwin 25.3, begin loading bags onto an MV-22B Osprey before...

03

Life Saving Support

U.S. Marines with Marine Rotational Force – Darwin 25.3, load packs onto a MV-22B Osprey assigned to Marine Medium Tiltrotor Squadron (VMM) 363,...

04

Life Saving Support

U.S. Marines with Marine Rotational Force – Darwin 25.3 unload supplies for urgent lifesaving support at Clark Air Base, Angeles, Philippines, July...

05

Life Saving Support In The Philippines

U.S. Marines with Marine Rotational Force – Darwin 25.3 and Clark Air Base personnel unload supplies for urgent lifesaving support at Clark Air Base,...

06

SCREAM

Rct. Peyton Schlegel, a recruit with November Company, 3rd Recruit Training Battalion, navigates the “Monkey Bridge” while completing the Confidence...

  • 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

Cobra Gold 2024
March 13, 2024 | 2:59
U.S., Republic of Korea, and Royal Thai service members participate in Exercise Cobra Gold in Sattahip, Chonburi province, Thailand, Feb. 23 - March 8, 2024. Cobra Gold, now in its 43rd year, is a Thai-U.S. co-sponsored training event that builds on the long-standing friendship between the two allied nations and brings together a robust multinational force to promote regional peace and security in support of a free and open Indo-Pacific. (U.S. Marine Corps video by Sgt. Patrick Katz)

The video contains music from a USMC enterprise licensed assets from Adobe Stock: You Better Do It Motivational Trailer performed by Jamendo, Expressive Violin performed by MusicRevolution, and Ambient Somber Dream performed by FineTune Music/stock.adobe.com

U.S., Republic of Korea, and Royal Thai service members participate in Exercise Cobra Gold in Sattahip, Chonburi province, Thailand, Feb. 23 - March 8, 2024. Cobra Gold, now in its 43rd year, is a Thai-U.S. co-sponsored training event that builds on the long-standing friendship between the two allied nations and brings together a robust multinational force to promote regional peace and security in support of a free and open Indo-Pacific. (U.S. Marine Corps video by Sgt. Patrick Katz)

The video contains music from a USMC enterprise licensed assets from Adobe Stock: You Better Do It Motivational Trailer performed by Jamendo, Expressive Violin performed by MusicRevolution, and Ambient Somber Dream performed by FineTune Music/stock.adobe.com

Tags

readinessteamworkInteroperabililtyCG24

Discover
More Recent

Filter
Centam Guardian Phase II: Civil Affairs and United States Agency for International Developement

June 5, 2024 | 0:40

View Video
Centam Guardian Phase II: Civil Affairs and United States Agency for International Developement

June 5, 2024 | 0:40

Centam Guardian Phase II: Educational Lecture

June 3, 2024 | 0:57

View Video
Centam Guardian Phase II: Educational Lecture

June 3, 2024 | 0:57

Cobra Gold 2024

March 13, 2024 | 2:59

View Video
Cobra Gold 2024

March 13, 2024 | 2:59

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)