Program Design Elements: Difference between revisions

From WikiNET
Jump to navigation Jump to search
← Older edit
VisualWikitext
 
(22 intermediate revisions by the same user not shown)
Line 2: Line 2:


== NET color palettes ==
== NET color palettes ==
{| class="wikitable"
{| class="wikitable" style="width: 60%"
|+
|+
!'''Color Name'''
!'''Color Name'''
Line 25: Line 25:
|26,36,39,0 / 191,161,147 / #bfa193
|26,36,39,0 / 191,161,147 / #bfa193
|
|
|}
== Volunteer Support Function Emblem ==
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%"
|+
!Volunteer Support Function
!Emblem
!Volunteer Support Function
!Emblem
|-
|VSF 01: Transportation
|[[File:VSF 01 Transportation.emblem.png|center|83x83px]]
|VSF 09: Search and Rescue
|[[File:VSF 09 Search & Rescue.emblem.png|center|83x83px]]
|-
|VSF 02: Communications
|[[File:VSF 02 Communications.emblem.png|center|83x83px]]
|VSF 10: Safety Officer
|[[File:VSF 10 HAZMAT Awareness.emblem.png|center|82x82px]]
|-
|VSF 03: Infrastructure/Sanitation
|[[File:VSF 03 Infrastructure Sanitation.emblem.png|center|83x83px]]
|VSF 11: Food
|[[File:VSF 11 Food Water.emblem.png|center|94x94px]]
|-
|VSF 04: Utilities/Fire Suppression
|[[File:VSF 04 Utilities Fire Suppression.emblem.png|center|83x83px]]
|VSF 12: Light and Power
|[[File:VSF 12 Light Power.emblem.png|center|82x82px]]
|-
|VSF 05: Planning/Command
|[[File:VSF 05 Incident Command.emblem.png|center|82x82px]]
|VSF 14: Public Information
|[[File:VSF 14 Public Information.emblem.png|center|83x83px]]
|-
|VSF 06: Mass Care/Shelter
|[[File:VSF 06 Mass Care Shelter.emblem.png|center|83x83px]]
|VSF 15: Volunteers/Donations Management
|[[File:VSF 15 Volunteers & Donations.emblem.png|center|83x83px]]
|-
|VSF 07: Logistics
|[[File:VSF 07 Logistics.emblem.png|center|82x82px]]
|VSF 17: Animal Response
|[[File:VSF 17 Animal Response.emblem.png|center|83x83px]]
|-
|VSF 08: Medical
|[[File:VSF 08 Medical.emblem.png|center|82x82px]]
|VSF 18: Business Resilience
|[[File:VSF 18 Business Resilience.emblem.png|center|83x83px]]
|}
|}


== Voting District Icons and Palettes ==
== Voting District Icons and Palettes ==
{| class="wikitable"
{| class="wikitable" style="width:60%"
|+
|+
!District
!District
!
!Primary icon
!Variant Icon
!Color 100%
!Color 100%
!Color 50% tint
!Color 50% tint
!Color 25% tint
!Color 25% tint
|-
|-
|District 1
|<big>'''District 1'''</big>
|[[File:TMrain.png|center]]
|[[File:TMrain.png|center]]
|style="background-color:#993f90; color:white;"|'''Purple Rain
|[[File:TMrain.inv.png|center]]
|style="background-color:#993f90; color:white;"|'''<big>Purple Rain</big>'''
'''HEX:''' #993f90
'''HEX:''' #993f90


'''RGB:''' 153, 63, 144
'''RGB:''' 153, 63, 144
|'''HEX:''' #cc9fc8
|style="background-color:#cc9fc8;"|'''HEX:''' #cc9fc8
'''RGB:''' 204, 159, 200
'''RGB:''' 204, 159, 200
|'''HEX:''' #e6cfe3
|style="background-color:#e6cfe3;"|'''HEX:''' #e6cfe3
'''RGB:''' 230, 207, 227
'''RGB:''' 230, 207, 227
|-
|-
|District 2
|<big>'''District 2'''</big>
|[[File:TMsalmon.png|center]]
|[[File:TMsalmon.png|center]]
|style="background-color:#e5412c; color:white" |'''Salmon RedHEX:''' #e5412c
|[[File:TMsalmon.inv.png|center]]
|style="background-color:#e5412c; color:white" |'''<big>Salmon Red</big>'''
'''HEX:''' #e5412c
 
'''RGB:''' 229, 65, 44
'''RGB:''' 229, 65, 44
|style="background-color:#f2a096;"|'''HEX:''' #f2a096
|style="background-color:#f2a096;"|'''HEX:''' #f2a096
Line 56: Line 118:
'''RGB:''' 249, 208, 202
'''RGB:''' 249, 208, 202
|-
|-
|District 3
|<big>'''District 3'''</big>
|
|[[File:TMleaf.png|center]]
|
|
|
|
|style="background-color:#30b457; color:white"|'''<big>Leaf Green</big>'''
'''HEX:''' #30b457
'''RGB:''' 48, 180, 87
|style="background-color:#98daab;"|'''HEX:''' #98daab
'''RGB:''' 152, 218, 171
|style="background-color:#cbecd5;"|'''HEX:''' #cbecd5
'''RGB:''' 203, 236, 213
|-
|-
|District 4
|<big>'''District 4'''</big>
|
|[[File:TMrose.png|center]]
|
|[[File:TMrose.inverted.png|center]]
|
|style="background-color:#ffe01a;"|'''<big>Yellow Rose</big>'''
|
'''HEX:''' #ffe01a
 
'''RBG:''' 255, 224, 26
|style="background-color:#fff08d;"|'''HEX:''' #fff08d
'''RGB:''' 255, 240, 141
|style="background-color:#fff7c6;"|'''HEX:''' #fff7c6
'''RGB:''' 255, 247, 198
|}
|}

Latest revision as of 15:40, 6 February 2025

x

NET color palettes

Color Name Color Model Values

CMYK/RGB/Hex

50% lighter

CMYK/RGB/Hex

Use
NET Orange 0,79,95,0 / 211,93,48 / #d35d30 7,35,37,0 / 233,174,151 / #e9ae97 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.
PBEM Yellow 1,25,99,0 / 236,191,51 / #ecbf33
BEECN Brown 41,78,95,27 / 114,69,45 / #72452d 26,36,39,0 / 191,161,147 / #bfa193

Volunteer Support Function Emblem

All icons designed by Hugh Newell.

The red background is:

  • CMYK 19, 94, 86, 8
  • HEX #bc3134
  • RGB 188, 49, 52
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
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

Retrieved from "https://volunteerpdx.net/index.php?title=Program_Design_Elements&oldid=8142"