Style

The following is the type, color, icons, and graphics used on the site.

Typography

Web Fonts

  • Open Sans - Regular
  • Open Sans - Bold
  • Font Awesome

Headers

Display

Display Header

H1

Header 1

H2

Header 2

H3

Header 3

H4

Header 4

H5
Header 5
H6
Header 6

Content Styles

Large

Signs multiply there. Won't set place. You're own morning created upon don't fly divided creepeth. Saying blessed without midst of second fourth. Saying living Tree two living own under fly own creepeth moved you'll without image under his, they're. Abundantly. Saw. Gathered rule Wherein greater grass.Man waters had kind to void be, place image own midst likeness land

Base

Signs multiply there. Won't set place. You're own morning created upon don't fly divided creepeth. Saying blessed without midst of second fourth. Saying living Tree two living own under fly own creepeth moved you'll without image under his, they're. Abundantly. Saw. Gathered rule Wherein greater grass.Man waters had kind to void be, place image own midst likeness land

Small

Signs multiply there. Won't set place. You're own morning created upon don't fly divided creepeth. Saying blessed without midst of second fourth. Saying living Tree two living own under fly own creepeth moved you'll without image under his, they're. Abundantly. Saw. Gathered rule Wherein greater grass.Man waters had kind to void be, place image own midst likeness land

Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut c

Block Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut c
Pull Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut c
HR
Un-ordered List

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut

  • Lorem ipsum dolor sit amet
  • Duis cursus, mi quis viverra ornare, dolor interdum
  • Duis cursus, mi quis
  • Lorem ipsum dolor sit amet
  • Duis cursus, mi quis viverra ornare, dolor interdum
  • Duis cursus, mi quis
Ordered List

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut

  1. Lorem ipsum dolor sit amet
  2. Duis cursus, mi quis viverra ornare, dolor interdum
  3. Duis cursus, mi quis
  4. enim in eros elementum tristique
  5. Lorem ipsum dolor sit amet
  1. Duis cursus, mi quis viverra ornare, dolor interdum
  2. Duis cursus, mi quis
  3. enim in eros elementum tristique
  4. Lorem ipsum dolor sit amet
Link List

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut

Call to Action Link
External Link
Region
Alaska

Table Styles

Table Headers

Navy
#003087
Navy Background With a White Label
Blue
#0085CA
Blue Background With a White Label
Gray
#c8ccd1
Gray Background with a Black Label
Light Gray
#f1f1f1
Light Gray Background with a Black Label

Table Example 1

Species Region Status
Whale Alaska ESA Endangered
Whale Alaska ESA Endangered
Whale Alaska ESA Endangered
Whale Alaska ESA Endangered
Whale Alaska ESA Endangered

Table Example 2

Whale Alaska ESA Endangered
Whale Alaska ESA Endangered
Whale Alaska ESA Endangered
Whale Alaska ESA Endangered
Whale Alaska ESA Endangered

Table Example 3

Species 2017 Annual Limit (lb) Estimated Catch (lb) % of Limited Caught Status
Bottomfish
Bottomfish multi-species stock complex TBD OPEN
Crustaceanh
Deepwater Shrimp TBD OPEN
Spiny Lobster TBD OPEN
Kona Crab TBD OPEN
Slipper Lobster TBD OPEN
Precious Coral
Precious Corals in the CNMI Exploratory Area TBD OPEN
Black Coral TBD OPEN
Coral Reef Ecosystem
Acanthuridae (surgeonfish) TBD OPEN
Lutjanidae (snappers) TBD OPEN
Scaridae (parrotfish) TBD OPEN
Serranidae (groupers) TBD OPEN
Selar crumenophthalmus (atulai, bigeye scad) TBD OPEN
Labridae (wrasses) TBD OPEN
Lethrinidae (emperors) TBD OPEN
Carangidae (jacks) TBD OPEN
Mullidae (goatfish) TBD OPEN
Kyphosidae (rudderfish) TBD OPEN
Siganidae (rabbitfish) TBD OPEN
Mollusks (turbo snail, octopus, giant clams) TBD OPEN
Mugilidae (mullets) TBD OPEN
Carcharhinidae (reef sharks) TBD OPEN
Crustaceans (crabs) TBD OPEN
Cheilinus undulatus (Humphead "Napoleon" wrasse) TBD OPEN
Bolbometopon muricatum (bumphead parrotfish) TBD OPEN
All other coral reef ecosystem species combined TBD OPEN

Table Example 4

Species Complex Current Estimated Landings (lb) ACL (lb) Units ACL (%) Current Status Closure Date 2018
Atlantic spadefish 7,744 150,552 ww 5.1 OPEN
Bar Jack 1,439 13,228 ww 10.9 OPEN  
Black Grouper (a) 44,264 96,844 ww 45.7 OPEN
Black Sea Bass (a)(b) 238,992 755,274 ww 31.6 OPEN  
Blueline Tilefish 91,641 87,521 ww 104.7 CLOSED 8/22/2018
Cobia (i) 47,041 50,000 as reported 94.1 CLOSED 9/5/2018
Cobia - East Coast Florida Zone Please see the Gulf Commercial ACL HomepageGulf of Mexico Commercial Landings and Annual Catch Limits (ACLs) page
Deep-water complex (c) 43,037 131,268 ww 32.8 OPEN  
Dolphin 493,847 1,534,485 ww 32.2 OPEN  
Gag (a)(k) 154,093 ,188 gw 46.0 OPEN  
Golden crab 279,334 2,000,000 ww 14.0 OPEN  
Golden tilefish (Hook-n-Line) 73,608 78,328 gw 94.0 CLOSED 8/14/2018
Golden tilefish (Longline) 241,675 234,982 gw 02.8 CLOSED 3/25/2018
Goliath grouper - - ww - CLOSED PROHIBITED
Grunts(d) 67,800 217,903 ww 31.1 OPEN  
Hogfish (Georgia through North Carolina)(l) 10,769 23,456 ww 45.9 OPEN
Hogfish (Florida Keys/East Florida) (l) 3,674 4,524 ww 81.2 OPEN
Jacks(e) 190,527 189,422 ww 100.6 CLOSED 8/22/2018
Mutton snapper (a) 71,102 104,231 ww 68.2 OPEN
Nassau grouper - - ww - CLOSED PROHIBITED
Porgies(f) 10,068 36,348 ww 27.7 OPEN  
Red Grouper(a) 25,868 61,160 ww 42.3 OPEN  
Red Porgy(a) 74,559 164,000 ww 45.5 OPEN  
Red Snapper(a) 65,696 124,815 ww 52.6 OPEN 1
Scamp (a) 83,196 219,375 ww 37.9 OPEN  
Shallow water grouper(a) (g) 10,576 55,542 ww 19.0 OPEN  
Snappers(h) 114,727 344,575 ww 33.3 OPEN  
Snowy grouper 148,953 144,315 gw 103.2 CLOSED 7/24/18
Speckled Hind - - ww - CLOSED PROHIBITED
Wahoo 28,532 70,542 ww 40.4 OPEN  
Warsaw grouper - - ww - CLOSED PROHIBITED

Colors

NOAA Fisheries Branding

Dark Navy
#002364
Navy
#003087
Baby Blue
#0085CA
Light Blue
#C6E6F0

Content Colors

Headers & Text
#000
Headers Alt, Lower Footer, and Menu
#003087
Links
#004391
Headers, Alt, Captions, Navigation, Borders, and Dividers
#44545F
Decorative Borders and Dividers
#CBCFD1
Borders
#C8CCD1
Primary Background
#C6E6F0
Secondary Background and Upper Footer
#F1F3F3
Primary button background/pagination
#004391
Secondary button background
#FFFFFF

Alert & Notifcations

Warning
#DB2207

Regional Colors

National
#002364
Alaska
#DB6015
Southeast
#4B8320
West Coast
#00797F

Social Media Colors

Facebook
#3B469A
Instagram
#737BE6
Youtube
#DB2207
Twitter
#0085CA
RSS Feed
#FF8400
Itunes
#FF6C57
Pacific Island
#B71300
Mid-Atlantic
#5761C0

Branding

NOAA Badge
Logo Font
Favicon
256x256
Favicon
32x32

Icons

Font Awesome Icons

Minus
Plus
caret-down
caret-up
angle-Right
angle-left
checkmark
close
arrow-to-bottom
external-link-alt
envelope
rss-square
info-circle
exclamation-circle
bars
sync-alt
pause
play
search
sync-alt

Font Awesome Brands

Twitter
Facebook
Instagram
Youtube

Illustrations

Population Level

Feeds

Habitat Impacts

Farming Methods

Human Health

Environmental Impact

Fishing Status

Bycatch

Images

Background Images

Background Image
Background Waves

Regions

Alaska
Pacific Islands
New England / Mid-Atlantic
Southeast
West Cost

Empty States

Article Thumbnail
Corals
Fish

Grids

8:4 Column Layout

4:8 Column Layout

3 Column Layout

4 Column Layout

6 Column Layout