Program Design Elements: Difference between revisions

From Portland NET Wiki
Jump to navigation Jump to search
← Older edit
VisualWikitext
 
(20 intermediate revisions by the same user not shown)
Line 46: Line 46:
|-
|-
|style="background:#72452d; color:white; padding-left: 1em" rowspan="3" |'''<big>BEECN Brown</big>'''
|style="background:#72452d; color:white; padding-left: 1em" rowspan="3" |'''<big>BEECN Brown</big>'''
|'''CYMK:''' 41,78,95,27
|style="background:#72452d; color:white;"|'''CYMK:''' 41,78,95,27
|'''CYMK:'''  
|style="background:#957462"|'''CYMK:''' 0,17,34,42
|'''CYMK:'''  
|style="background:#b9a296"|'''CYMK:''' 0,12,19,28
|'''CYMK:'''  
|style="background:#dcd1cb"|'''CYMK:''' 0,5,8,14
| rowspan="3" |
| rowspan="3" |
|-
|-
|'''RGB:''' 114,69,45
|style="background:#72452d; color:white;"|'''RGB:''' 114,69,45
|'''RGB:'''  
|style="background:#957462"|'''RGB:''' 149,116,98
|'''RGB:'''  
|style="background:#b9a296"|'''RGB:''' 185,162,150
|'''RGB:'''  
|style="background:#dcd1cb"|'''RGB:''' 220,209,203
|-
|-
|'''HEX:''' #72452d
|style="background:#72452d; color:white;"|'''HEX:''' #72452d
|'''HEX:'''  
|style="background:#957462"|'''HEX:''' #957462
|'''HEX:'''  
|style="background:#b9a296"|'''HEX:''' #b9a296
|'''HEX:'''  
|style="background:#dcd1cb"|'''HEX:''' #dcd1cb
|-
|-
|style="background:#bc3134; color: white; padding-left: 1em" rowspan="3" |'''<big>VSF Red</big>'''
|style="background:#bc3134; color: white" rowspan="3" |'''<big>VSF Red</big>'''
|'''CYMK:''' 19,94,86,8
|style="background:#bc3134; color: white"|'''CYMK:''' 19,94,86,8
|'''CYMK:'''
|style="background:#cd6567;"|'''CYMK:''' 0,51,50,20
|'''CYMK:'''
|style="background:#de989a;"|'''CYMK:''' 0,32,30,13
|'''CYMK:'''
|style="background:#eccccb;"|'''CYMK:''' 0,14,14,7
| rowspan="3" |
| rowspan="3" |
|-
|-
|'''RGB:''' 188,49,52
|style="background:#bc3134; color: white"|'''RGB:''' 188,49,52
|'''RGB:'''
|style="background:#cd6567;"|'''RGB:''' 205,101,103
|'''RGB:'''
|style="background:#de989a;"|'''RGB:''' 222,152,154
|'''RGB:'''
|style="background:#eccccb;"|'''RGB:''' 238,204,204
|-
|-
|'''HEX:''' #bc3134
|style="background:#bc3134; color: white"|'''HEX:''' #bc3134
|'''HEX:'''
|style="background:#cd6567;"|'''HEX:''' #cd6567
|'''HEX:'''
|style="background:#de989a;"|'''HEX:''' #de989a
|'''HEX:'''
|style="background:#eccccb;"|'''HEX:''' #eccccb
|}
|}


Line 193: Line 193:
'''RGB:''' 255, 247, 198
'''RGB:''' 255, 247, 198
|style="background-color:white;"|[[File:D4.desat.png|center]]
|style="background-color:white;"|[[File:D4.desat.png|center]]
|}
== FEMA Community Lifeline Icons ==
:''See: [https://www.fema.gov/emergency-managers/practitioners/lifelines FEMA Community Lifelines]''
PDF of all icons available [[Media:FEMA Lifeline Icons Doc.pdf|HERE]].
{| class="wikitable"
|+
!Lifeline
!Neutral
!Green
!Amber
!Red
!Grey
|-
|<big>Safety and Security</big>
|[[File:Safety-and-security 0.png|75x75px]]
|[[File:Safety-and-security-green 0.png|75x75px]]
|[[File:Safety-and-security-amber 0.png|75x75px]]
|[[File:Safety-and-security-red 0.png|75x75px]]
|[[File:Safety-and-security-gray 0.png|75x75px]]
|-
|<big>Food, Hydration, Shelter</big>
|[[File:Food-hydration-shelter.png|75x75px]]
|[[File:Food-hydration-shelter-green.png|75x75px]]
|[[File:Food-hydration-shelter-amber.png|75x75px]]
|[[File:Food-hydration-shelter-red.png|75x75px]]
|[[File:Food-hydration-shelter-gray.png|75x75px]]
|-
|<big>Health and Medical</big>
|[[File:Health-and-medical 0.png|75x75px]]
|[[File:Health-and-medical-green 0.png|75x75px]]
|[[File:Health-and-medical-amber 0.png|75x75px]]
|[[File:Health-and-medical-red 0.png|75x75px]]
|[[File:Health-and-medical-gray 0.png|75x75px]]
|-
|<big>Energy</big>
|[[File:Energy.png|75x75px]]
|[[File:Energy-green.png|75x75px]]
|[[File:Energy-amber.png|75x75px]]
|[[File:Energy-red.png|75x75px]]
|[[File:Energy-gray.png|75x75px]]
|-
|<big>Communications</big>
|[[File:Communications Lifeline.png|75x75px]]
|[[File:Communications-green.png|75x75px]]
|[[File:Communications-amber.png|75x75px]]
|[[File:Communications-red.png|75x75px]]
|[[File:Communications-gray.png|75x75px]]
|-
|<big>Transportation</big>
|[[File:Lifeline.transportation.png|75x75px]]
|[[File:Transportation-green 0.png|75x75px]]
|[[File:Transportation-amber 0.png|75x75px]]
|[[File:Transportation-red 0.png|75x75px]]
|[[File:Transportation-gray 0.png|75x75px]]
|-
|<big>Hazardous Materials</big>
|[[File:Hazardous-materials.png|75x75px]]
|[[File:Hazardous-materials-green.png|75x75px]]
|[[File:Hazardous-materials-amber.png|75x75px]]
|[[File:Hazardous-materials-red.png|75x75px]]
|[[File:Hazardous-materials-gray.png|75x75px]]
|-
|<big>Water Systems</big>
|[[File:Water-Systems.png|75x75px]]
|[[File:Water-System-green.png|75x75px]]
|[[File:Water-System-Amber.png|75x75px]]
|[[File:Water-System-red.png|75x75px]]
|[[File:Water-System-gray.png|75x75px]]
|}
|}


Latest revision as of 17:05, 26 December 2025

x

NET color palettes

Color Name Color Model Values 75% tint 50% tint 25% tint Use
NET Orange CYMK: 0,79,95,0 CYMK: 0,40,55,13 CYMK: 0,26.35.9 CYMK: 0,12,17,4 NET Orange is the primary color for the NET program and relied upon to signify NET's brand. When only one color will do for a NET project, make it this one.
RGB: 211,93,48 RGB: 222,133,100 RGB: 233,174,152 RGB: 244,215,203
HEX: #d35d30 HEX: #de8564 HEX: #e9ae98 HEX: #f4d7cb
PBEM Yellow CYMK: 1,25,99,0 CYMK: 0,14,61,6 CYMK: 0,9,38,4 CYMK: 0,4,18,2
RGB: 236,191,51 RGB: 241,207,102 RGB: 246,223,153 RGB: 250,239,204
HEX: #ecbf33 HEX: #f1cf66 HEX: #f6df99 HEX: #faefcc
BEECN Brown CYMK: 41,78,95,27 CYMK: 0,17,34,42 CYMK: 0,12,19,28 CYMK: 0,5,8,14
RGB: 114,69,45 RGB: 149,116,98 RGB: 185,162,150 RGB: 220,209,203
HEX: #72452d HEX: #957462 HEX: #b9a296 HEX: #dcd1cb
VSF Red CYMK: 19,94,86,8 CYMK: 0,51,50,20 CYMK: 0,32,30,13 CYMK: 0,14,14,7
RGB: 188,49,52 RGB: 205,101,103 RGB: 222,152,154 RGB: 238,204,204
HEX: #bc3134 HEX: #cd6567 HEX: #de989a HEX: #eccccb

Volunteer Support Function Emblem

All icons designed by Hugh Newell

Volunteer Support Function Emblem Volunteer Support Function Emblem
VSF 01: Transportation
VSF 09: Search and Rescue
VSF 02: Communications
VSF 10: Safety Officer
VSF 03: Infrastructure/Sanitation
VSF 11: Food
VSF 04: Utilities/Fire Suppression
VSF 12: Light and Power
VSF 05: Planning/Command
VSF 14: Public Information
VSF 06: Mass Care/Shelter
VSF 15: Volunteers/Donations Management
VSF 07: Logistics
VSF 17: Animal Response
VSF 08: Medical
VSF 18: Business Resilience

Voting District Icons and Palettes

District Primary icon Variant Icon Color 100% Color 50% tint Color 25% tint Desaturated
District 1
Purple Rain

HEX: #993f90

RGB: 153, 63, 144

HEX: #cc9fc8

RGB: 204, 159, 200

HEX: #e6cfe3

RGB: 230, 207, 227

District 2
Salmon Red

HEX: #e5412c

RGB: 229, 65, 44

HEX: #f2a096

RGB: 242, 160, 150

HEX: #f9d0ca

RGB: 249, 208, 202

District 3
Leaf Green

HEX: #30b457

RGB: 48, 180, 87

HEX: #98daab

RGB: 152, 218, 171

HEX: #cbecd5

RGB: 203, 236, 213

District 4
Yellow Rose

HEX: #ffe01a

RBG: 255, 224, 26

HEX: #fff08d

RGB: 255, 240, 141

HEX: #fff7c6

RGB: 255, 247, 198

FEMA Community Lifeline Icons

See: FEMA Community Lifelines

PDF of all icons available HERE.

Lifeline Neutral Green Amber Red Grey
Safety and Security
Food, Hydration, Shelter
Health and Medical
Energy
Communications
Transportation
Hazardous Materials
Water Systems

NET Design Resources

File Description
NET Lightroom Account A space for photos of NETs doing stuff, which could be used for promotional materials.
Noun Project Royalty-free icons that can be used in team materials or promotional materials.
Retrieved from "https://volunteerpdx.net/index.php?title=Program_Design_Elements&oldid=12180"