Program Design Elements: Difference between revisions

From WikiNET
 
(26 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]]
|'''Purple RainHEX:''' #993f90
|[[File:TMrain.inv.png|center]]
|style="background-color:#993f90; color:white;"|'''<big>Purple Rain</big>'''
'''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 54: 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
|}
|}