Program Design Elements: Difference between revisions

From Portland NET Wiki
Jump to navigation Jump to search
Line 62: Line 62:
|style="background:#dcd1cb"|'''HEX:''' #dcd1cb  
|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:''' 0,51,50,20
|style="background:#cd6567;"|'''CYMK:''' 0,51,50,20
|'''CYMK:''' 0,32,30,13
|'''CYMK:''' 0,32,30,13
|'''CYMK:''' 0,14,14,7
|'''CYMK:''' 0,14,14,7
| rowspan="3" |
| rowspan="3" |
|-
|-
|'''RGB:''' 188,49,52
|style="background:#bc3134; color: white"|'''RGB:''' 188,49,52
|'''RGB:''' 205,101,103
|style="background:#cd6567;"|'''RGB:''' 205,101,103
|'''RGB:''' 222,152,154
|'''RGB:''' 222,152,154
|'''RGB:''' 238,204,204
|'''RGB:''' 238,204,204
|-
|-
|'''HEX:''' #bc3134
|style="background:#bc3134; color: white"|'''HEX:''' #bc3134
|'''HEX:''' #cd6567
|style="background:#cd6567;"|'''HEX:''' #cd6567
|'''HEX:''' #de989a
|'''HEX:''' #de989a
|'''HEX:''' #eccccb
|'''HEX:''' #eccccb

Revision as of 17:52, 6 September 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

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.