Program Design Elements: Difference between revisions

From Portland NET Wiki
← Older edit
VisualWikitext
 
(40 intermediate revisions by the same user not shown)
Line 4: Line 4:
{| class="wikitable" style="width: 75%"
{| class="wikitable" style="width: 75%"
|+
|+
!style="width:10%"|'''Color Name'''
!style="width:15%"|Color Name
!style="width:10%"|Color Model Values
!style="width:15%"|Color Model Values
!style="width:10%"|75% tint
!style="width:15%"|75% tint
!style="width:10%"|50% tint
!style="width:15%"|50% tint
!style="width:10%"|25% tint
!style="width:15%"|25% tint
!Use
!Use
|-
|-
| rowspan="3" |'''NET Orange'''
|style="background:#d35d30; color:white; padding-left: 1em" rowspan="3" |'''<big>NET Orange</big>'''
|'''CYMK:''' 0,79,95,0
|style="background:#d35d30; color:white" |'''CYMK:''' 0,79,95,0
|'''CYMK:'''  
|style="background:#de8564"|'''CYMK:''' 0,40,55,13
|'''CYMK:'''
|style="background:#e9ae98"|'''CYMK:''' 0,26.35.9
|'''CYMK:'''
|style="background:#f4d7cb"|'''CYMK:''' 0,12,17,4
| rowspan="3" |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.
| rowspan="3" |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
|style="background:#d35d30; color:white" |'''RGB:''' 211,93,48
|'''RGB:''' 222,133,100  
|style="background:#de8564"|'''RGB:''' 222,133,100  
|'''RGB:'''
|style="background:#e9ae98"|'''RGB:''' 233,174,152
|'''RGB:'''  
|style="background:#f4d7cb"|'''RGB:''' 244,215,203
|-
|-
|'''HEX:''' #d35d30
|style="background:#d35d30; color:white" |'''HEX:''' #d35d30
|'''HEX:''' #de8564  
|style="background:#de8564" |'''HEX:''' #de8564  
|'''HEX:''' #e9ae98
|style="background:#e9ae98"|'''HEX:''' #e9ae98
|'''HEX:''' #f4d7cb
|style="background:#f4d7cb"|'''HEX:''' #f4d7cb
|-
|-
| rowspan="3" |'''PBEM Yellow'''
|style="background:#ecbf33; padding-left: 1em" rowspan="3" |'''<big>PBEM Yellow</big>'''
|'''CYMK:''' 1,25,99,0
|style="background:#ecbf33"|'''CYMK:''' 1,25,99,0
|
|style="background:#f1cf66"|'''CYMK:''' 0,14,61,6
|
|style="background:#f6df99"|'''CYMK:''' 0,9,38,4
|
|style="background:#faefcc"|'''CYMK:''' 0,4,18,2
|
| rowspan="3" |
|-
|-
|'''RGB:''' 236,191,51
|style="background:#ecbf33"|'''RGB:''' 236,191,51
|
|style="background:#f1cf66"|'''RGB:''' 241,207,102
|
|style="background:#f6df99"|'''RGB:''' 246,223,153
|
|style="background:#faefcc"|'''RGB:''' 250,239,204
|
|-
|-
|'''HEX:''' #ecbf33
|style="background:#ecbf33"|'''HEX:''' #ecbf33
|
|style="background:#f1cf66"|'''HEX:''' #f1cf66
|
|style="background:#f6df99"|'''HEX:''' #f6df99
|
|style="background:#faefcc"|'''HEX:''' #faefcc
|
|-
|-
| rowspan="3" |'''BEECN Brown'''
|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
|
|style="background:#957462"|'''CYMK:''' 0,17,34,42
|
|style="background:#b9a296"|'''CYMK:''' 0,12,19,28
|
|style="background:#dcd1cb"|'''CYMK:''' 0,5,8,14
|
| rowspan="3" |
|-
|-
|'''RGB:''' 114,69,45
|style="background:#72452d; color:white;"|'''RGB:''' 114,69,45
|
|style="background:#957462"|'''RGB:''' 149,116,98
|
|style="background:#b9a296"|'''RGB:''' 185,162,150
|
|style="background:#dcd1cb"|'''RGB:''' 220,209,203
|
|-
|-
|'''HEX:''' #72452d
|style="background:#72452d; color:white;"|'''HEX:''' #72452d
|
|style="background:#957462"|'''HEX:''' #957462
|
|style="background:#b9a296"|'''HEX:''' #b9a296
|
|style="background:#dcd1cb"|'''HEX:''' #dcd1cb
|
|-
|style="background:#bc3134; color: white" rowspan="3" |'''<big>VSF Red</big>'''
|style="background:#bc3134; color: white"|'''CYMK:''' 19,94,86,8
|style="background:#cd6567;"|'''CYMK:''' 0,51,50,20
|style="background:#de989a;"|'''CYMK:''' 0,32,30,13
|style="background:#eccccb;"|'''CYMK:''' 0,14,14,7
| rowspan="3" |
|-
|style="background:#bc3134; color: white"|'''RGB:''' 188,49,52
|style="background:#cd6567;"|'''RGB:''' 205,101,103
|style="background:#de989a;"|'''RGB:''' 222,152,154
|style="background:#eccccb;"|'''RGB:''' 238,204,204
|-
|style="background:#bc3134; color: white"|'''HEX:''' #bc3134
|style="background:#cd6567;"|'''HEX:''' #cd6567
|style="background:#de989a;"|'''HEX:''' #de989a
|style="background:#eccccb;"|'''HEX:''' #eccccb
|}
|}


== Volunteer Support Function Emblem ==
== Volunteer Support Function Emblem ==
All icons designed by Hugh Newell.
All icons designed by Hugh Newell  
 
The red background is:
 
* CMYK 19, 94, 86, 8
* HEX #bc3134
* RGB 188, 49, 52


{| class="wikitable" style="width:60%"
{| class="wikitable" style="width:60%"
Line 186: 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]]
|}
|}


Retrieved from "https://volunteerpdx.net/index.php/Program_Design_Elements"