Metro Transit Master Design Pattern Library

Measurements / Spacing
Trip Tools Schedules & Maps Fares More Help
Find schedules by route
View all Schedules & Maps
Trip Planner NexTrip Alerts
60px
From
30 px
To
30 px
Leave now More options
30 px
Plan my trip
60px
60px
How to ride
60px
60px
Teaser headline two Teaser headline two Teaser headline two Teaser headline two
lines long lines long lines long lines long
60px
Contact Us
ABOUT METRO TRANSIT MEDIA RELATIONS CAREERS POLICIES
Transit Initiatives Contacts Available Job Opportunities Social Media Policy

Facilities Press releases Become a Bus Driver Privacy Policy
Riders Almanac Awards Join the Transit Police Code of Conduct
Images & Logos Career Fairs Title VI: Commitment to Fairness
Internships
MISSION & IMPACT RESOURCES
Commitment to Fairness Try the Metro Transit App

Impact Programs Advertise with us
API resources for developers
© 2021 Metro Transit
Conversions from desktop to mobile

Primary h1 45 >36
Secondary h1 41 > 32
h2 32 > 23
h3 28 > 19
h4 23 > 18*
h4 / p 23>18
large text 20 > 18
reg text 18 > 16
Other 23 > 18
20 > 16
Box height: 60px > 50px

50px > 40px
40px > 30px
30px > 30Px
Icons: 8 pixel grid

8>8
16 > 12
24 > 16
32 > 24
40 > 32
48 > 40
Vertical spacing between items (15px grid)
15px 75px
45px 60px
30 px
H1 41 > 32
H2 32 > 23
h3 28 > 19
h4 23 > 18*
large text 20 > 18

reg text 18 > 16
Other 23 > 18
20 > 16
Boxes height:
60px > 50px
50px > 40px
40px > 30px
30px > 30Px
Icons:
8 pixel grid
8>8
16 > 12
24 > 16
32 > 24
40 > 32
48 > 40
Header / Trip Planner and Flyout Menu
Site map
https://www.gloomaps.com/7az7jgTEKj
TripTrip
Tools
Tools Schedules & Maps Fares More Help
Trip Planner
NexTrip
Address,
Alerts Intersection or Landmark
Find a Park & Ride
Find a Stop or Station
Trip Tools Schedules

Schedules&&Maps
Maps Fares More Help
Address, Intersection or Landmark
Trip Tools Schedules & Maps Fares

Fares More Help
Fares
Go-To Card
Address, Intersection or LandmarkPass Programs
Store
Trip Tools Schedules & Maps Fares More

More Help
Carpool & Vanpool

Transit Link
Address, Intersection or Landmark Guaranteed Ride Home

Bicycle
View all Schedules & Maps News & Events

Help
How to Ride Guide

Contact Us
Lost & Found
Accessibility
Languages
Transit Police
Primary header (shopping cart ui)

2

Header / NexTrip
Header / Alerts
Search for routes and information
Sign in
Create account
Schedules & Maps Alerts Show My Bus

Headers, Navigation, Dividers and Footers
Templates are page-level objects that place components into a layout and articulate the
design’s underlying content structure.
Home page tools/headers
Section dividers
Contact us
Teaser headline two Teaser headline two Teaser headline two Teaser headline two
lines long lines long lines long lines long
Primary header (Top level pages in navigation)
Top level page
Primary navigation
Dropdown navigation expanded
Trip Tools
Trip Planner
NexTrip
Alerts
Find a Park & Ride
Secondary Navigation
Who We Are FAQS Police Manual Work with Us In the Community Online Reporting
Secondary header
H1 header 1
Section dividers
Secondary headers
ADULTS Buy a Go-To Card

(ages 13-64)
Good for 2.5 hours
Metro Transit Footer

Internships

Store Footer + new design elements
Go-To Card features Other ways to purchase fares
Register card Metro Transit App
Enroll in Auto Refill Authorized fare retailer
Lost or stolen card Ticket machine on rail platforms
Create My Fare Card list By mail
By phone 612-373-3333
Returning Customer? Sign In to Save Time
Sign in or Create account
My Go-To Card New Go-To Card
Enter my Go-To Card serial number

Where’s my serial number?
Add value/show balance

Forms
Dropdowns
21 - Uptown
Select Route - Lake St - Selby av
Route 2xx
RouteDirection
Select 2xxx
Select Route
Select Direction
Select Stop or Station
SELECT A STOP TO BOARD
Uptown Transit Station
Input, dropdown, pop-up (Trip Planner)
From
To
From
225 Farrington Street
To
560 N 6th Ave, Minneapolis, MN 55411
1:00 pm Today
Radio Buttons
Faster trip
Fewer transfers
Less walking
I’m willing to walk 3/4 mile

I’m willing to walk 1 mile
Faster trip
Fewer transfers
Less walking
Accessible Stops
Yes No
View entire schedule View schedule by stop View entire schedule

View schedule by stop
Search
Message for returning results
Transit service near Nicollet Mall & 5th St S, Minneapolis, MN, 55401
Pop-ups/pop-overs Photo ID with “T”

endorsement required
NORTHTOWN TRANSIT CT
Routes
824 - Ltd Stop - Northtown - Monroe - University - Mpls
854 - Express - Paul Pkwy - Northdale - Northtown - Mpls
860 - Express - Coon Rapids - Northtown - St Paul
Stop 17035
NexTrip Routes
Route Departs
21 Selby-Lake / Uptown 10 Min
21 Selby-Lake / Uptown 4:56
Show More
Shopping cart
Shopping Cart
Item Qty Total
Stored Value
Card #: 0234-5678-9000-0000
Delete $5.00 1 $5.00
Visitor Pass
Delete $5.00 1 $5.00
New Go-To Card + Stored Value 10
Delete $10.00 1 $5.00
Sub Total $15.00
Processing & Shipping $0.00
Sales Tax $0.00
Total $15.00
Update cart Empty cart
Checkout
Quantity Dropdown /
Trip Tools
Trip Planner
Online shopping at metrotransit.org is faster = Required Field
NexTrip
Alerts
User Name Find a Park & Ride
Must be 5-20 characters. You can use numbers, letters and underscore. It is not case-
E-mail Address
At least 8 characters, including one symbol character.
Password
Confirm Password
Plan my trip
Text
H1 / 45 pt Proxima Nova Bold
Top level page
H1 / 41 pt Proxima Bold
Reverse headline text here
Headline text here

Headline text here
Headline text here
Headline text here
Body Copy Large / 20pt on 30pt Proxima Nova Regular

Senior Graphic Designer Leah Janz has made a lot of maps. But none have been quite as
ambitious as her latest creation, which depicts each of the current and future Light Rail
Transit and Bus Rapid Transit lines that make up the METRO network.
LRT and BRT lines in the METRO network have fast, frequent, all-day service. Today’s
METRO network includes the Green, Blue, A and Red lines. The network will expand in
June with the opening of the C Line, which will provide BRT service between downtown
Minneapolis and the Brooklyn Center Transit Center.
This week, Janz talked about how she created the latest version of the METRO map and
how she hopes it will help build enthusiasm for future expansion.
Body Copy reg / 18pt on 24pt Proxima Nova Regular

Senior Graphic Designer Leah Janz has made a lot of maps. But none have been quite as
ambitious as her latest creation, which depicts each of the current and future Light Rail Transit and
Bus Rapid Transit lines that make up the METRO network.
LRT and BRT lines in the METRO network have fast, frequent, all-day service. Today’s METRO
network includes the Green, Blue, A and Red lines. The network will expand in June with the
opening of the C Line, which will provide BRT service between downtown Minneapolis and the
Brooklyn Center Transit Center.
This week, Janz talked about how she created the latest version of the METRO map and how she
hopes it will help build enthusiasm for future expansion.
Alert text large with link sample / 23pt on 27pt Proxima Nova Regular
Bus Stop Closed

Starting Jan 22 at 9 AM - 8th St between 3rd Ave and 4th Ave
Bus Stops Closed

Starting Nov 30 at 5:30 PM - Southbound Brooklyn Blvd at 51st Ave, 50th Ave & 49th Ave
Bus Stop Closed

Starting Nov 30 at 9 AM - 8th St at Nicollet
Route 5 changes begin Dec. 1
Bus Stop Closed

Starting Oct 1 at 3 PM (School Days Only) - Southbound 44th Ave at James
Bus Stop Closed

Starts June 4 @ 9 AM - 7th St just past 5th Ave
Label text for fares / 18pt on 27pt Proxima Nova Bold all caps
MONDAY - FRIDAY
Adults & Reduced Fare $4.75*
Small body text for tooltips/ 14pt on 18pt Proxima Nova Regular
Go-To Cards provide maximum

flexibility. You can add stored value
(up to $400), passes (up to two of
the same type) or both to one card.
Why both? If you purchase a pass
that is valid for a Local Rush Hour
$2.50 fare and board a bus with a
Express Rush Hour $3.25 fare, the
card will deduct stored value to pay
the remaining 75¢. If you don’t have
stored value to pay the additional
amount due, you will be required to
pay the full fare in cash. Learn more
here.
Learn more about the best fare for

you here.
Worried about running out of value?

Enroll in Auto Refill.
News and events item
Month, date, year
Headline here
Teaster text for news item…..traffic or parking hassles. Many routes including the Blue &
easter text for news item…..traffic or parking hassles. Many routes including the Blue &
Green Line serve Target Center and will get you to from the gamGreen Line serve Target
Center and will get you to from the game with […]
Atoms / Buttons, icons, tabs
Atoms of our interfaces serve as the foundational building blocks that comprise all our
user interfaces. These atoms include basic HTML elements like form labels, inputs,
buttons, and others that can’t be broken down any further without ceasing to be
functional.
Accordions / Basic, single
Pay the right fare
Weekday schedule
Route links / Find a stop/station route results, Route links / Schedules & Maps
add value (unselected, selected)
2 21 Blue Line
6 6 Blue Line Blue Line
North North North North
Northstar
$5 $5
Anchor links / Route pages Anchor links / View schedule
Routes 1-99 Eastbound
Routes 1-99
Eastbound
Primary CTA buttons Secondary Ghost buttons Examples of states
Plan my trip Back to alerts Sign up for alerts
Edit trip How to ride

Sign up for alerts
Secondary CTA on San Diego Background (store footer)
Plan my trip Sign up for alerts
Social media
Real-time Departures
LIKE TWEET
By route By stop #
By route By stop #
Icon Library 06.27.2019 8 pixel grid

(8,16,24,32,40,48)
New! July 3rd
Pagination
Previous 1 2 3 Next
Previous 1 2 3 Next
Molecules / Accordions, Buttons, Cards
Simple groups of UI elements functioning together as a unit. For example, a form label,
search input, and button can join together to create a search form molecule.
Button to select trip plan results (selected, unselected

3:56 PM - 4:17 PM 21 GREEN
4:06 PM - 4:26 PM 21 GREEN
Accordions / Alerts on route page
Alerts
Alerts
Accordions / Show My Bus closed and open
Show My Bus
Show My Bus
Accordions / Rider alerts page single closed
Rte 3 U of M / Como / Maryland 1 Alert(s)
Accordions / Northstar Fares closed
Elk River to downtown Minneapolis
Accordions / Rider alerts page multiple
METRO Blue Line 1 Alert(s)
METRO Green Line 3 Alert(s)
METRO Red Line 3 Alert(s)
METRO A Line 15 Alert(s)
METRO C Line 3 Alert(s)
Northstar Commuter Rail 1 Alert(s)
Rte 3 U of M / Como / Maryland 1 Alert(s)
Accordions / Rider alerts page single expanded
Rte 3 U of M / Como / Maryland 5 Alerts
Bus Stop Closed

Starting Jan 22 at 9 AM - 8th St between 3rd Ave and 4th Ave
Bus Stops Closed

Starting Nov 30 at 5:30 PM - Southbound Brooklyn Blvd at 51st Ave, 50th Ave & 49th Ave
Bus Stop Closed

Starting Nov 30 at 9 AM - 8th St at Nicollet
Bus Stop Closed

Starting Oct 1 at 3 PM (School Days Only) - Southbound 44th Ave at James
Bus Stop Closed

Starts June 4 @ 9 AM - 7th St just past 5th Ave
Accordions / Northstar Fares expanded
Elk River to downtown Minneapolis
MONDAY - FRIDAY WEEKEND ANYTIME

Adults & Reduced Fare $4.75* Adults $4.25 / Reduced Fare $2 Mobility $2
Accordions / Park and ride Expanded and closed
Hwy 36 and Rice St Park & Ride (4.08 mi.) Map
SE corner of intersection
Plan a trip from / to Hwy 36 and Rice St Park & Ride.
West St Paul Sports Complex Park & Ride (4.12 mi.) Map
Hwy 61 and Lower Afton Rd Park & Ride (4.70 mi.) Map
Grace Church Park & Ride (4.92 mi.) Map
Como and Eustis Park & Ride (5.14 mi.) Map
Map & key (/35w page example)
Apple Valley 1 2 3
Bloomington 4 5 6
Burnsville 7 8
Eagan 9 10 11
35W Construction - Detours
Routes 133, 156, 467, 552, 553, 554, 558
Route 135
Routes 146, 535, 578, 597
Route 11
Detour ONGOING
Sample text 2 lines with ascender and descenders. Many words on two lines. Sample text 2 lines with ascender and descenders.
Many words on two lines.
Detour UPCOMING
Sample text 2 lines with ascender and descenders. Many words on two lines. Sample text 2 lines with ascender and descenders.
Many words on two lines.
Weekday Schedule
Saturday Schedule
Sunday Schedule
Weekday Schedule
Buttons / Trip plan results
56 min 21 GREEN
1 hr 2 min 21 GREEN
1 hr 6 min 21 BLUE
56 min 21 GREEN
1 hr 2 min 21 GREEN
1 hr 6 min 21 BLUE
Fare cards
Big Lake / Minneapolis
$25
Non-Rush Hour
$2
Adults
ages 13-64
Organisms / Cards, Summaries, Inputs
Organisms are relatively complex UI components composed of groups of molecules and/
or atoms and/or other organisms. These organisms form distinct sections of an interface.
Cards / Store
Buy a Go-To Card Add value to card
Choose an amount Serial #: 0160-0341-4162-5587

Nickname: Ellens Card
$5 $5 $5 $5 $5 Current Pass: Employee Pass
Current Stored Value: $0.00
View Transaction History
$35 $35 $35 $35 $35
Register My Card
Enroll in Auto Refill
$60 $60 $60 $60 $60 Deactivate
Add stored value

$120 $120 $120 $120 $120
$5 $5 $5 $5 $5
and/or
Add a pass $5 $5 $5 $5 $5
$65 31-Day Pass Local Non-Rush Hour

$5 $5 $5 $5 $5
$120 31-Day Pass Express
$90 31-Day Pass Local Rush Hour Please allow 24 hours for value to be available on your
card. Need it in fewer than 24 hours? Visit an authorized
$20.50 10-Ride Pass Full Fare fare retailer. All sales are final.
$24 7-Day Pass
Qty Add to cart
Add to cart
Visitor Pass Round-Trip event tickets
$5 Going to a game?
Unlimited rides until 2 a.m. after first use. Visitor Passes Find out about purchasing tickets for Northstar
are valid for a $2.50 fare (cannot be used on Northstar, and METRO lines.
express buses or Metro Mobility). Also available at Transit
Service Centers.
This pass will be shipped within FIVE business days.

Learn more at metrotransit.org/visitor-pass Name of page
Quantity
Name of page
Add to cart
Name of page
Cards / Store
ADULTS REDUCED FARE

Youth / Ages 5 and
(ages 13-64) Youth (ages 6-12) / Seniors (ages 65+) under ride free (limit 3)
Good for 2.5 hours / Medicare card holders and must ride with a
fare-paying customer
Good for 2.5 hours
Seniors / Photo ID with
“T” endorsement
Local Bus / METRO Local Bus / METRO required
Medicare card holders /

Non-Rush Hour Rush Hour* Non-Rush Hour Rush Hour* Medicare card and
Minnesota driver’s
license/state ID required
$2 $2.50 $1 $2.50
Express Bus Express Bus

Includes METRO / Local and Express buses Includes METRO / Local and Express buses
Non-Rush Hour Rush Hour* Non-Rush Hour Rush Hour*
$2.50 $3.25 $1 $3.25
*Monday -Friday, 6-9 am & 3-6:30 pm *Monday - Friday, 6-9 am & 3-6:30 pm
DOWNTOWN MOBILITY FARE

$1 fare is available at
All times, all riders, transfers not available. Persons with disabilities all times to customers
with limited mobility,
who must show a
State ID with an “A” or
“L” endorsement,
Nicollet Mall Downtown Zone Regular & Express Limited Mobility ID
card or a Metro
Free 50¢ All Times

Mobility ID card. Get
details on $1 rides for
eligible low-income
See details for Nicollet Mall and Downtown Zone

$1 customers. [LINKS TO /
Summary content w/video
Headline
Bold lede in subhed. Body copy goes here and the words of the profits are written on t
he subway walls and whispered in the Sounds of Silence. Body copy goes here and the
words of the profits are written on t he subway walls and whispered in the Sounds of
Silence.
Call to action Ghost button
Summary content
Headline
Body copy goes here and the words of the profits are written on t he subway walls and
whispered in the Sounds of Silence. Body copy goes here and the words of the profits
are written on t he subway walls and whispered in the Sounds of Silence.
Call to action Ghost button
Blog Item
Tags, tag, tag
Headline here
can go two lines
Posted by xx | Day, Month, date, year 0:00:00 PM
Teaster text for news item…..traffic or parking hassles. Line serve Target Center and will
get you to from the game with […]
Store Components
Cards / News
Choose an amount and/or Add a pass

(no pass — add stored value)
$0 $5 $10 $0.00
31-Day Pass Local Non-Rush
Hour $65.00
$20 $30 $40
10-Ride Pass Rush Hour
$20.50
$45 $50 $60 31-Day Pass Express $120.00
31-Day Pass Local Rush Hour

$90.00 Teaser headline
$70 $80 $100 two lines long
7-Day Pass $24.00
$120 $140 $180 Qty
Add to cart
Stored value balance: $0.00
Serial #: 0160-0341-4162-5587 View Transaction History

Nickname: Ellens Card Register My Card
Current Pass: Employee Pass Enroll in Auto Refill
Card Expires: Sep 23, 2026 Deactivate
Add stored value
$0 $5 $10 $20 $30 $35
$40 $45 $50 $60 $70 $80
$100 $120 $140 $180
Add to cart
Stops and Stations results
Nicollet Mall & 5th St S Stop ID: 17996 Schedule and Map
6 6 6 6 6 6 6 6 6 6
North North North North North North North North North North
6 6 6 6 6 6 6 6 6 6
North North North North North North North North North North
Organisms / Tables, Schedules, Modals
Table / Schedules
Monday — Friday from Uptown to downtown St Paul
Downtown
St Paul
re tt
el&
reb
no nw nar
no nw nar
no nw nar
no nw nar
no nw nar
no nw nar
no nw nar
n n na
m
o
it wo rT
it wo rT
it wo rT
it wo rT
it wo rT
it wo rT
it
it wo rT
tia otp T
tia otp T
tia otp T
tia otp T
tia otp T
tia otp T
tia otp T
un
a
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS tpU
tS tp
n a
n na
n na
n na
n na
n na
n na
et
n na
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis
tis
w
tis U
w
u
o rT
o rT
n
o
t
R
pU
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
AM
21A 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01
21A 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44
21A 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15
21A 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33
21A 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50
21A 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06
21A 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20
21A 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34
21A 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48
21A 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03
21A 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16
21A 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32
21A 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46
21A 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55
21A 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05
21A 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12
Shaded times denote rush hour service

Download PDF of full schedule
Table / NexTrip results
Departures
Selby Ave and Dale St
Stop 17023
21 A Selby-Lake / Uptown 6 min
6789 SW Transit - Express - Chaska - Chanhassen - Mpls 7:49 pm
Show More
Table / Schedule
Schedule
Selby Ave and Dale St (this is schedule for time point
Stop 17023
21 A Selby-Lake / Uptown 4:44 AM
Popup / Modal for Route Schedules by Stop
Search by Search by
Stop name or stop number Stop name or stop number
Select from the list below Select from the list below
Name of time point stop Name of time point stop
X stops in between X stops in between
Search by Search by
Stop name or stop number Selby Ave and W
Name of time point stop Selby Ave and Western
Name of time point stop Selby Ave and Syndicate
X stops in between expanded Selby Ave and Syndicate
Name of stop Selby Ave and Syndicate
Selected Name of stop Selby Ave and Syndicate
Name of time point stop Selby Ave and Syndicate
X stops in between Selby Ave and Syndicate
Name of time point stop
X stops in between
Search by Search by
123 123
12345 - Name of stop 12345 - Selby Ave and Syndicate
1233 - Name of stop
Search by Modal window

Stop name or stop number
Select from the list below
X stops in between expanded
Name of stop
Selected Name of stop

Close
X stops in between
X stops in between
Organisms / Trip Results, Maps
Maps / Trip Plan
2:45 PM - 3:11 PM 21 GREEN
1:06 PM Walk 0.12 miles to Selby Ave

& Farrington St
(about 4 min)
1:10 PM Currently 5 min late

Route: 21 Selby-Lake/ Uptown
(view alerts)
Depart from Selby Ave

& Farrington St
Arrive at Snelling Ave & University

Ave / SpruceTree Dr
Green Line to Mpls-Target Field

1:40 PM
Depart from Snelling Ave Station
Arrive at Target Field Station

Platform 1
2:07 PM Walk 0.25 miles W to FTH,

Minneapolis, MN
(about 6 min)
Arrive at FTH,
2:13PM
Minneapolis, MN
Regular Fare $2.50

Reduced Fare $2.00
Maps / show my bus
Show My Bus
Maps / Stop information
Stop 17035
NexTrip Routes
10 Min
Route Departs
Show More
Maps
Download PDF of detailed route map
Interactive map
Accessibility updates / text links
Key Changes based on WECO feedback
- San Diego Blue #0097D0 no change for headlines (h1,h2,h3 etc), icons, backgrounds, ghost outlines, hovers
- New Link Blue #047DB5 for body copy links only, 20pt or less and text w/ San Diego Light Blue (NexTrip, route
#s, anchor links, main nav text)
- Transit Blue #0053A0 hover for body copy links, no change except add 1px dotted underline body
- Transit Blue #0053A0 replaces Transit Gold #FFD200 on all CTA buttons, including “Plan a Trip” and store
buttons.
Header links / San Diego Blue + Transit Blue

Link in headline normal Link in headline / hover, no underline (above 20pt)
Headline text here Headline text here
Text larger than 20pt / San Diego Blue + Transit Blue

Example, Alerts text Example, Alerts text / hover & San Diego Blue
underline
Bus Stop Closed Bus Stop Closed
Route 5 changes begin Dec. 1 Route 5 changes begin Dec. 1
Body Copy Large / 20pt on 30pt / New Link Blue + Transit Blue
Link in text normal Link in text / hover & underline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Aenean commodo ligula eget dolor. Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quis, sem. Nulla ultricies nec, pellentesque eu, pretium quis, sem. Nulla
consequat massa quis enim. consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate Donec pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu. In enim justo, rhoncus ut, imperdiet a, eget, arcu. In enim justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam dictum felis eu pede mollis venenatis vitae, justo. Nullam dictum felis eu pede mollis
pretium. Integer tincidunt. Cras dapibus. Vivamus pretium. Integer tincidunt. Cras dapibus. Vivamus
Body Copy reg / 18pt on 24pt Proxima Nova Regular

Link in text normal / New link blue Link in text / hover & underline / Transit blue
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum Aenean commodo ligula eget dolor. Aenean massa. Cum
sociis natoque penatibus et magnis dis parturient montes, sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Donec quam felis, ultricies nec, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla consequat pellentesque eu, pretium quis, sem. Nulla consequat massa
massa quis enim. Donec pede justo, fringilla vel, aliquet quis enim. Donec pede justo, fringilla vel, aliquet nec,
nec, vulputate eget, arcu. In enim justo, rhoncus ut, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu venenatis vitae, justo. Nullam dictum felis eu pede mollis
pede mollis pretium. Integer tincidunt. Cras dapibus. pretium. Integer tincidunt. Cras dapibus. Vivamus
Vivamus elementum semper nisi. elementum semper nisi.
Aenean vulputate eleifend tellus. Aenean leo ligula, Aenean vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim. Aliquam porttitor eu, consequat vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra quis, feugiat a, tellus. lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Buttons and anchors
Anchor links / Route pages / Normal +hover Anchor links / View schedule
Routes 1-99 Eastbound
Routes 1-99
Eastbound
Route links / Find a stop/station route results, Route links / Schedules & Maps
add value (unselected, selected)
2 21 Blue Line
6 6 Blue Line Blue Line
North North North North
Northstar
$5 $5
NexTrip buttons (keep San Diego Blue for Button background, change text
to New link Blue when selected
Real-time Departures
By route By stop #
Primary CTA buttons / (new Transit Blue) hover turns to darker blue similar to former Gold
Plan my trip
Edit trip
Secondary CTA on San Diego Background (store footer) keep yellow button
Xxxxxxxxx
Footer text / increase from 16 to 18pt, New Link Blue

Internships

Table / Schedules / Change background to #E3E3E0 Grey Outline Form, change rush
hours from semi-bold to bold
Monday — Friday from Uptown to downtown St Paul
Downtown
St Paul
re tt
el&
re
b
no nw nar
no nw nar
no nw nar
no nw nar
no nw nar
no nw nar
no nw arT
no nw na
m
o
it wo rT
it wo rT
it wo rT
it wo rT
it wo rT
it wo rT
it wo rT
tia otp T
tia otp T
tia otp T
tia otp T
tia otp T
tia otp T
tia otp
un
tia ot rT
a
a
tS tp
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS tp
tS
tS p
n a
n na
n na
n na
n na
n na
n na
n na
et
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis U
tis
tis
w
tis U
u
o rT
n
o
n
t
R
pU
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
AM
21A 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01 4:01
21A 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44 4:44
21A 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15 5:15
21A 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33 5:33
21A 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50 5:50
21A 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06 6:06
21A 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20 6:20
21A 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34 6:34
21A 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48 6:48
21A 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03 7:03
21A 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16 7:16
21A 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32 7:32
21A 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46 7:46
21A 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55 7:55
21A 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05 8:05
21A 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12 8:12
Bolded times denote rush hour service

Download PDF of full schedule
Alerts updates / icon library
Desktop Mobile
Cancellation Cancellation
Delay Delay
Detour Detour
Elevator Closure Elevator Closure
Extra Service Extra Service
Facility Issue Facility Issue
Permanent Stop Move Permanent Stop Move
Replacement Bus Service Replacement Bus Service
Service Change Service Change
Snow Route Snow Route
Station Closure Station Closure
Stop Closure Stop Closure
Suspension Suspension
Temporary Stop Move Temporary Stop Move
Track Change Track Change
NEW NEW
UPCOMING UPCOMING
ONGOING ONGOING
Headers / Dropdown Alerts
Info Alert
COVID UPDATE | Informational level of alert. Need to establish what rises to this level of alert. Need to establish what rises to this level of alert. Keep
text in one paragraph. See how Metro Transit is keeping your ride safe.
Need to establish what rises to

this level of alert

Large Alerts
Warning Alert
RAIL SHUTDOWN | Higher level of alert. Need to establish what rises to this level of alert, need to establish what rises to this level of alert. See how
Metro Transit is keeping your ride safe.

Large Alerts
Danger Alert
SYSTEM SHUTDOWN | Highest level of alert. Need to determine when this alert is used. Highest level of alert. Need to determine when this alert is
used, May 28. See how Metro Transit is keeping your ride safe.

Large Alerts
Show My Bus / Capacity + popups
Current Show My Bus locator
Pop up/desktop
18C / NB 18C / NB 18C / NB 18C / NB

Full Some spaces Many spaces No capacity data
13 seconds ago available available available
13 seconds ago 13 seconds ago 13 seconds ago
Rich, use this set of Icons Desktop/mobile
Example for suggested naming (but choose what makes sense!):
Pop up / mobile
capacity_sb_full
capacity_sb_some
capacity_sb_many 18C / NB 18C / NB 18C / NB 18C / NB
capacity_sb_no_data Full Some spaces Many spaces No capacity data
Examples with
text for desktop
and mobile
18C
18C
18C 18C 18C
18C 18C 18C

18C / NB
18C Full
18C 18C 18C
13 seconds ago
18C 18C 18C
455C 455C 455C 455C
455C 455C 455C 455C
455C 455C 455C 455C
18C
455C 455C 455C 455C

Predictive Model / Capacity
Current Show My Bus locator
Pop up/desktop
18C / NB 18C / NB 18C / NB

Some spaces Many spaces No capacity data
available available available
Rich, use this set of Icons Desktop/mobile
Example for suggested naming (but choose what makes sense!):
Pop up / mobile
capacity_sb_full
capacity_sb_some
capacity_sb_many 18C / NB 18C / NB 18C / NB 18C / NB
capacity_sb_no_data Full Some spaces Many spaces No capacity data
Examples with
text for desktop
and mobile
18C
18C
18C 18C 18C
18C 18C 18C

18C / NB
18C Full
18C 18C 18C
13 seconds ago
18C 18C 18C
455C 455C 455C 455C
455C 455C 455C 455C
455C 455C 455C 455C
18C
455C 455C 455C 455C

Headers
Templates are page-level
objects that place
components into a layout
and articulate the
design’s underlying
content structure.
Home page tools/headers
MENU
MENU
MENU
Alerts
Section dividers
How to ride
Going to the State Fair? Use our helpful

guide to find a ride.



Primary header (Top level

pages in navigation)
Trip Planner
Primary navigation
Trip Tools
Schedules & Maps
Fares
More
Help
En
More ((links to footer dump page))
Secondary Navigation
Item1
Item 2
Item 3
Item 4
Item 5
Item 6
Secondary header
MENU
H1 header 1
MENU
Two lines example for a header

that is longer and need space
Section dividers
Secondary headers
ADULTS
(ages 13-64)
Good for 2.5 hours
Buy a Go-To Card

Text
H1 / 36 pt Proxima Nova Bold
Top level page
H1 header 1
Interactive Map
All-Day Passes
Headline text here
Headline text here
Body Copy Large / 18pt on

28pt Proxima Nova Regular
Senior Graphic Designer Leah Janz

has made a lot of maps. But none
have been quite as ambitious as her
latest creation, which depicts each of
the current and future Light Rail
Transit and Bus Rapid Transit lines that
make up the METRO network.
LRT and BRT lines in the METRO

network have fast, frequent, all-day
service. Today’s METRO network
includes the Green, Blue, A and Red
lines. The network will expand in June
with the opening of the C Line, which
will provide BRT service between
downtown Minneapolis and the
Brooklyn Center Transit Center.
xima Nova Regular
Body Copy reg / 18pt

on 24pt Proxima
Nova Regular
Senior Graphic Designer Leah Janz has

made a lot of maps. But none have been
quite as ambitious as her latest creation,
which depicts each of the current and future
Light Rail Transit and Bus Rapid Transit lines
that make up the METRO network.
LRT and BRT lines in the METRO network

have fast, frequent, all-day service. Today’s
METRO network includes the Green, Blue, A
and Red lines. The network will expand in
June with the opening of the C Line, which
will provide BRT service between downtown
Minneapolis and the Brooklyn Center Transit
Center.
Alert text large with link

sample / 19pt on 23
pt Proxima Nova Regular
Bus Stop Closed

Starting Jan 22 at 9 AM - 8th St
between 3rd Ave and 4th Ave
Bus Stops Closed

Starting Nov 30 at 5:30 PM -
Southbound Brooklyn Blvd at
51st Ave, 50th Ave & 49th Ave
Bus Stop Closed

Starting Nov 30 at 9 AM - 8th St
at Nicollet
Bus Stop Closed

Starting Oct 1 at 3 PM (School
Days Only) - Southbound 44th
Ave at James
Label text for fares /

14pt Proxima Nova Bold
all caps
MONDAY - FRIDAY
Adults & Reduced Fare $4.75*
Small body text for tooltips/

14pt on 18pt Proxima Nova
Regular
Go-To Cards provide maximum
flexibility. You can add stored value
(up to $400), passes (up to two of
the same type) or both to one card.
Why both? If you purchase a pass
that is valid for a Local Rush Hour
$2.50 fare and board a bus with a
Express Rush Hour $3.25 fare, the
card will deduct stored value to pay
the remaining 75¢. If you don’t have
stored value to pay the additional
amount due, you will be required to
pay the full fare in cash. Learn more
here.
Learn more about the best fare for

you here.
Worried about running out of value?

Enroll in Auto Refill.
News and events item

Month, date, year
Headline here
Teaster text for news item…..traffic or
parking hassles. Many routes including
the Blue & easter text for news
item…..traffic or parking hassles. Many
Forms
Dropdown (17pt, box height 40, 15
in between)
Select Route
21 - Uptown - Lake St - Selby av
Route 2xx
RouteDirection
Select 2xxx
Select Route
Select Direction

Dropdown for NexTrip
Real Time Departures
Select Route
Select Direction
or
Enter Stop Number
Trip Planner
From
To
Leave now
More options
Trip Planner
225 Farrington Street, St. Paul, ….
560 6th Ave N, Minneapolis, MN 55411
Depart by
9:26 am Today
Trip Options
More options
Faster trip
Fewer transfers
Less walking

I’m willing to walk 1 mile
Faster trip
Fewer transfers
Less walking
Accessible Stops
Yes No
Search
Message for returning results
Transit service near Nicollet Mall &

5th St S, Minneapolis, MN, 55401
NORTHTOWN TRANSIT CT
Routes
824 - Ltd Stop - Northtown - Monroe
- University - Mpls
854 - Express - Paul Pkwy -
Northdale - Northtown - Mpls
860 - Express - Coon Rapids -
Northtown - St Paul
Popovers
Stop 17035
NexTrip Routes
NexTrip 10 Min
Route Departs
Show More
Info boxes
Photo ID with “T”

endorsement required
Atoms
Atoms of our interfaces
serve as the foundational
building blocks that
comprise all our user
interfaces. These atoms
include basic HTML
elements like form
labels, inputs, buttons,
and others that can’t be
broken down any further
without ceasing to be
functional.
Accordions / Basic, single
Pay the right fare
Route links / Find a stop/station

route results
6 6
North North
Blue Line Blue Line

North North
Route links / Schedules & Maps
2 21
Blue Line Northstar
Anchor links / Route pages
Routes 1-99
Routes 1-99
Anchor links / View schedule
Eastbound
Eastbound
Primary CTA buttons
Plan my trip
Edit trip
Selection direction
Schedules Show
& Maps Alerts My Bus
Secondary Ghost buttons
Back to alerts
How to ride
Examples of states
Sign up for alerts
Sign up for alerts
Sign up for alerts
Social media
LIKE TWEET
Fare cards
Big Lake / Minneapolis
$25
Non-Rush Hour
$2
Adults
ages 13-64
Icon Library 06.27.2019 8 pixel grid

(8,16,24,32,40,48)
New! July 3rd
Pagination
Previous 1 2 3 Next
Previous 1 2 3 Next
Molecules
Button to select trip
plan results (selected,
unselected
2:45pm - 21 GREEN
3:11pm
3:14pm - 21 GREEN
3:41pm
3:14pm -
21 GREEN
3:41pm
21 21 21
2:45pm -
3:11pm 21 21 21
21 21 21
2:45pm -
3:11pm 21 21 21
Alerts
Alerts
Show my bus
Show my bus
Weekday schedule
Weekday schedule
Rte 3 U of M / 1 Alert(s)
Como / Maryland
Elk River to downtown

Minneapolis
METRO Blue Line 1 Alert(s)
METRO Green Line 1 Alert(s)
METRO Red Line 1 Alert(s)
METRO A Line 1 Alert(s)
METRO C Line 1 Alert(s)
Northstar 2 Alert(s)
Commuter Rail
21 A SW Transit - Express - Chaska - 7:49 pm

Chanhassen - Mpls
Schedule
Selby Ave and Dale St
Stop 17023
Hwy 36 and Rice St Map

Park & Ride (4.08 mi.)
SE corner of intersection
Plan a trip from / to Hwy 36 and Rice
St Park & Ride.
West St Paul Sports Map

Complex Park & Ride
(4.12 mi.)
Hwy 61 and Lower Map

Afton Rd Park & Ride
(4.70 mi.)
Grace Church Park & Map

Ride (4.92 mi.)
Como and Eustis Park Map

& Ride (5.14 mi.)
SELECT A STOP TO BOARD
Uptown Transit Station

Organisms
Organisms are relatively
complex UI components
composed of groups of
molecules and/or atoms
and/or other organisms.
Cards / Store
Buy a Go-To Card
Choose an amount
$5 $10 $20 $30
$35 $40 $45 $50
$60 $70 $80 $100
$120 $140 $180 $120
$140 $180
and/or
Add a pass
$65 31-Day Pass Local Non-Rush Hour

$120 31-Day Pass Express
$90 31-Day Pass Local Rush Hour

$20.50 10-Ride Pass Full Fare
$24 7-Day Pass
$24 7-Day Pass
Quantity Quantity
Add to cart
Visitor Pass
$5
Unlimited rides until 2 a.m. after first use.

Visitor Passes are valid for a $2.50 fare
(cannot be used on Northstar, express
buses or Metro Mobility). Also available at
Transit Service Centers.
This pass will be shipped within FIVE

business days.
Learn more at metrotransit.org/visitor-pass
Quantity
Add to cart
Add value to card
Serial #: 0160-0341-4162-5587
Nickname: Ellens Card
Current Pass: Employee Pass
Current Stored Value: $0.00
View Transaction History
Register My Card
Deactivate
Card Expires: Sep 23, 2026
Add stored value
$5 $10 $20 $30
$35 $40 $45 $50
$60 $70 $80 $100
$120 $140 $180 $120
$140 $180
Please allow 24 hours for value to be

available on your card. Need it in
fewer than 24 hours? Visit an
authorized fare retailer. All sales are
Add to cart
Round-Trip event tickets
Going to a game?
Find out about purchasing tickets for

Northstar and METRO lines.
Name of page
Name of page
Name of page
Cards / Store
ADULTS
(ages 13-64)
Good for 2.5 hours
Local Bus / METRO

Rush Hour* Non-Rush Hour
$2 $2
Express Bus
Includes METRO / Local and Express buses
Non-Rush Hour Rush Hour*
$2.50 $3.25
*Monday -Friday,
REDUCED FARE
Youth (ages 6-12) / Seniors (ages Yo
65+)/ Medicare card holders un
an
Good for 2.5 hours
fa
Se
“T
Local Bus / METRO re
Non-Rush Hour Rush Hour* M

M
$1 $2.50 M
lic
Express Bus
Includes METRO / Local and Express buses
Rush Hour* Non-Rush Hour
$2.50 $3.25
*Monday -Friday, 6-9 am & 3-6:30 pm
DOWNTOWN
All times, all riders, transfers
not available.
Nicollet Mall Downtown Zone
Free 50¢
See details for Nicollet Mall and
Downtown Zone
MOBILITY FARE
$1 fare
Persons with disabilities all time
with lim
who m
State I
Regular & Express “L” end
Limite
card o
All Times Mobili
details
$1 eligibl
custom
Summary content w/
video
Headline
Bold lede in subhed. Body copy goes here
and the words of the profits are written on t
he subway walls and whispered in the
Sounds of Silence. Body copy goes here
and the words of the profits are written on t
he subway walls and whispered in the
Sounds of Silence.
Call to action
Ghost button
Summary content
Headline
Body copy goes here and the words of the
profits are written on t he subway walls and
whispered in the Sounds of Silence. Body
copy goes here and the words of the
profits are written on t he subway walls and
whispered in the Sounds of Silence.
Call to action
Ghost button
Blog Item
Tags, tag, tag
Headline here can go two lines

Headline here can go two lines
Posted by xx | Day, Month, date, year
0:00:00 PM
Teaster text for news item…..traffic or
parking hassles. Line serve Target Center
and will get you to from the game with […]
Cards / News
Stops and Stations

results
Nicollet Mall & 5th St S

Stop ID: 17996 Schedule and Map
6 6 6
North North North
6 6 6
North North North
6 6 6
North
Going North
to the State North
Fair? Use our helpful
6 6 6
North North North
6 6 6
North North North
6 6 6
North North North
Going to the
Organisms
1h 2m 21 GREEN
1:06 PM Walk 0.12 miles to Selby Ave &

Farrington St
(about 4 min)
1:10 PM Currently 5 min late

Route: 21 Selby-Lake/ Uptown
(view alerts)
Depart from Selby Ave

& Farrington St
Arrive at Snelling Ave &

University Ave / SpruceTree Dr
1:40 PM
Green Line to Mpls-Target Field
Depart from Snelling Ave Station
Arrive at Target Field Station

Platform 1
2:07 PM
Walk 0.25 miles W to FTH,
Minneapolis, MN
(about 6 min)
2:13PM
Arrive at FTH, Minneapolis, MN
Regular Fare $2.50

Reduced Fare $2.00
Organisms
MENU
Store
Other ways to purchase fares
By mail Authorized
fare retailer
By phone Ticket
612-373-3333 machine on
rail platforms
My Store Features
To edit your account information,
including your password, click on the
“Edit Account” link in the upper right
hand corner.
Create my fare card list

Metro Transit Master Design Pattern Library

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Metro Transit Master Design Pattern Library

Uploaded by

Copyright:

Available Formats

Measurements / Spacing

Trip Tools Schedules & Maps Fares More Help

Find schedules by route

View all Schedules & Maps

Trip Planner NexTrip Alerts

ABOUT METRO TRANSIT MEDIA RELATIONS CAREERS POLICIES

Transit Initiatives Contacts Available Job Opportunities Social Media Policy

MISSION & IMPACT RESOURCES

Commitment to Fairness Try the Metro Transit App

© 2021 Metro Transit

Conversions from desktop to mobile

Box height: 60px > 50px

Icons: 8 pixel grid

Vertical spacing between items (15px grid)

large text 20 > 18

Trip Planner NexTrip Alerts

Trip Tools Schedules

Address, Intersection or Landmark

View all Schedules & Maps

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares

View all Schedules & Maps

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More

Carpool & Vanpool

Address, Intersection or Landmark Guaranteed Ride Home

View all Schedules & Maps News & Events

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More Help

How to Ride Guide

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More Help

Address, Intersection or Landmark

View all Schedules & Maps

Trip Planner NexTrip Alerts

Primary header (shopping cart ui)

Address, Intersection or Landmark

View all Schedules & Maps

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More Help

Address, Intersection or Landmark

Trip Tools Schedules & Maps Fares More Help

Search for routes and information

Address, Intersection or Landmark

View all Schedules & Maps

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More Help

Address, Intersection or Landmark

View all Schedules & Maps

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More Help

Schedules & Maps Alerts Show My Bus

Home page tools/headers

Trip Tools Schedules & Maps Fares More Help

Find schedules by route

View all Schedules & Maps

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More Help

Find schedules by route

View all Schedules & Maps

Trip Planner NexTrip Alerts

Trip Tools Schedules & Maps Fares More Help

Find schedules by route

View all Schedules & Maps