Program Design Elements: Difference between revisions

From Portland NET Wiki
Jump to navigation Jump to search
Line 47: Line 47:
|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>'''
|style="background:#72452d; color:white;"|'''CYMK:''' 41,78,95,27
|style="background:#72452d; color:white;"|'''CYMK:''' 41,78,95,27
|'''CYMK:''' 0,17,34,42  
|style="background:#957462"|'''CYMK:''' 0,17,34,42  
|'''CYMK:''' 0,12,19,28  
|style="background:#b9a296"|'''CYMK:''' 0,12,19,28  
|'''CYMK:''' 0,5,8,14  
|style="background:#dcd1cb"|'''CYMK:''' 0,5,8,14  
| rowspan="3" |
| rowspan="3" |
|-
|-
|style="background:#72452d; color:white;"|'''RGB:''' 114,69,45
|style="background:#72452d; color:white;"|'''RGB:''' 114,69,45
|'''RGB:''' 149,116,98  
|style="background:#957462"|'''RGB:''' 149,116,98  
|'''RGB:''' 185,162,150  
|style="background:#b9a296"|'''RGB:''' 185,162,150  
|'''RGB:''' 220,209,203  
|style="background:#dcd1cb"|'''RGB:''' 220,209,203  
|-
|-
|style="background:#72452d; color:white;"|'''HEX:''' #72452d
|style="background:#72452d; color:white;"|'''HEX:''' #72452d
|'''HEX:''' #957462  
|style="background:#957462"|'''HEX:''' #957462  
|'''HEX:''' #b9a296  
|style="background:#b9a296"|'''HEX:''' #b9a296  
|'''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; padding-left: 1em" rowspan="3" |'''<big>VSF Red</big>'''

Revision as of 17:40, 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: CYMK: CYMK:
RGB: 188,49,52 RGB: RGB: RGB:
HEX: #bc3134 HEX: HEX: HEX:

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.