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

GENERAL CHRISTOPHER J. MAHONEY OFFICIAL BIO PHOTO

GENERAL CHRISTOPHER J. MAHONEY OFFICIAL BIO PHOTO

02

Charlie Company Crucible

U.S. Marine Corps recruits with Charlie Company, 1st Recruit Training Battalion, hike the Reaper, a Crucible event, at Marine Corps Base Camp...

03

231023-M-JN598-1206

A U.S. Marine Corps MV-22B Osprey tiltrotor aircraft with Marine Medium Tiltrotor Squadron 262, Marine Aircraft Group 36, 1st Marine Aircraft Wing,...

04

231103-M-EK611-1004

U.S. Marine Corps Capt. Ian Mendoza, a company commander with 3rd Battalion, 2d Marine Regiment, 2d Marine Division, communicates using a radio...

05

80th Tarawa Commemoration Ceremony

Participants of the 80th Tarawa Commemoration Ceremony pose for a group photo on Betio Island, Tarawa Atoll, Republic of Kiribati, Nov. 22, 2023.

06

Carrier Qualification

U.S. Marine Corps F-35B Lightning II aircraft attached to Marine Fighter Attack Squadron 225, 15th Marine Expeditionary Unit, conduct carrier...

  • 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

DVIDS Video Player is unavailable at this time. Please check back later.
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