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

Super Bowl LIX Parade

The Marine Forces Reserve Band marches through the city during the Super Bowl LIX parade, New Orleans, Feb. 8, 2025. The Marine Corps is the lead...

02

Large Force Exercise

An F-35C Lightning II assigned to 3rd Marine Aircraft Wing, takes off the runway while 3rd MAW aircraft fly in the airspace over Marine Corps Air...

03

Touring

U.S. Marine Corps Brig. Gen. Kevin Collins, commanding general of 3rd Marine Logistics Group, center, and members of his command staff tour an...

04

Super Bowl Rehearsal Flight

U.S. Marine Corps MV-22 Ospreys, tiltrotor aircraft, with Marine Medium Tiltrotor Squadron (VMM) 774, Marine Aircraft Group 49, 4th Marine Aircraft...

05

Joining the ARG

250124-N-TW227-1147 PHILIPPINE SEA (Jan. 24, 2025) Marines aboard the forward-deployed amphibious assault ship USS America (LHA 6) transport cargo...

06

250115-M-HA211-1195

An F-35C Lightning II assigned to Marine Fighter Attack Squadron (VMFA) 311, Marine Aircraft Group 11, 3rd Marine Aircraft Wing, takes off from...

  • 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

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