Partnership Decision Tree Diagram
Vertical decision tree showing "Three Ways We Partner for Impact" with Festa calm colors optimized for gradient backgrounds.
Version 1: Decision Tree with Needs Assessment
This version shows how organizations choose their partnership path based on their needs.
graph TD
Start["🤝 Your Organization's Needs"] --> Question{"What does your
organization need?"} Question -->|"Build internal
capacity"| DesignForGood["💡 We Design for Good
Build Your Team's
Design Capacity"] Question -->|"Full project
implementation"| HumanityForGood["❤️ Humanity for Good
In-House Social
Impact Projects"] Question -->|"Co-creation &
partnership"| CollaborationForGood["🤲 Collaboration for Good
Full Partnership
Co-Design"] DesignForGood --> DesignOutcome["✅ Practical frameworks
✅ Team confidence
✅ Cost-effective
✅ Skills that grow"] HumanityForGood --> HumanityOutcome["✅ Walk the walk
✅ Real-world lessons
✅ Active contribution
✅ Implementation insights"] CollaborationForGood --> CollabOutcome["✅ Dedicated partnership
✅ Co-creation process
✅ Comprehensive solutions
✅ Ongoing support"] style Start fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:16px style Question fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:15px style DesignForGood fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:14px style HumanityForGood fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:14px style CollaborationForGood fill:#f37324,stroke:#ea580c,stroke-width:3px,color:#fff,font-size:14px style DesignOutcome fill:#ecfff7,stroke:#007f4e,stroke-width:2px,color:#2a2a2a,font-size:12px style HumanityOutcome fill:#f0f9f4,stroke:#72b043,stroke-width:2px,color:#2a2a2a,font-size:12px style CollabOutcome fill:#fff7ed,stroke:#f37324,stroke-width:2px,color:#2a2a2a,font-size:12px
organization need?"} Question -->|"Build internal
capacity"| DesignForGood["💡 We Design for Good
Build Your Team's
Design Capacity"] Question -->|"Full project
implementation"| HumanityForGood["❤️ Humanity for Good
In-House Social
Impact Projects"] Question -->|"Co-creation &
partnership"| CollaborationForGood["🤲 Collaboration for Good
Full Partnership
Co-Design"] DesignForGood --> DesignOutcome["✅ Practical frameworks
✅ Team confidence
✅ Cost-effective
✅ Skills that grow"] HumanityForGood --> HumanityOutcome["✅ Walk the walk
✅ Real-world lessons
✅ Active contribution
✅ Implementation insights"] CollaborationForGood --> CollabOutcome["✅ Dedicated partnership
✅ Co-creation process
✅ Comprehensive solutions
✅ Ongoing support"] style Start fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:16px style Question fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:15px style DesignForGood fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:14px style HumanityForGood fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:14px style CollaborationForGood fill:#f37324,stroke:#ea580c,stroke-width:3px,color:#fff,font-size:14px style DesignOutcome fill:#ecfff7,stroke:#007f4e,stroke-width:2px,color:#2a2a2a,font-size:12px style HumanityOutcome fill:#f0f9f4,stroke:#72b043,stroke-width:2px,color:#2a2a2a,font-size:12px style CollabOutcome fill:#fff7ed,stroke:#f37324,stroke-width:2px,color:#2a2a2a,font-size:12px
Color Accessibility Check:
- • Start node: pepper-green (#007f4e) - High contrast on light background ✓
- • Decision node: leaf (#72b043) - Distinct from start node ✓
- • Design for Good: pepper-green (#007f4e) - Professional, trustworthy ✓
- • Humanity for Good: leaf (#72b043) - Growth, nurturing ✓
- • Collaboration: apocalyptic-orange (#f37324) - Energy, partnership ✓
- • Outcome nodes: Light tints with colored borders - Readable text ✓
Version 2: Simplified Three Pathways
Cleaner version focusing on the three partnership models without decision flow.
graph TD
Top["Three Ways We Partner for Impact"]
Top --> Design["💡 We Design for Good"]
Top --> Humanity["❤️ Humanity for Good"]
Top --> Collab["🤲 Collaboration for Good"]
Design --> D1["Capacity Building"]
Design --> D2["Educational Series"]
Design --> D3["Strategic Frameworks"]
Humanity --> H1["In-House Projects"]
Humanity --> H2["Direct Impact"]
Humanity --> H3["Innovation Lab"]
Collab --> C1["Full Partnership"]
Collab --> C2["Co-Design Process"]
Collab --> C3["Implementation Support"]
style Top fill:#007f4e,stroke:#00a65c,stroke-width:4px,color:#fff,font-size:18px
style Design fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:16px
style Humanity fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:16px
style Collab fill:#f37324,stroke:#ea580c,stroke-width:3px,color:#fff,font-size:16px
style D1 fill:#ecfff7,stroke:#007f4e,stroke-width:2px,color:#2a2a2a
style D2 fill:#ecfff7,stroke:#007f4e,stroke-width:2px,color:#2a2a2a
style D3 fill:#ecfff7,stroke:#007f4e,stroke-width:2px,color:#2a2a2a
style H1 fill:#f0f9f4,stroke:#72b043,stroke-width:2px,color:#2a2a2a
style H2 fill:#f0f9f4,stroke:#72b043,stroke-width:2px,color:#2a2a2a
style H3 fill:#f0f9f4,stroke:#72b043,stroke-width:2px,color:#2a2a2a
style C1 fill:#fff7ed,stroke:#f37324,stroke-width:2px,color:#2a2a2a
style C2 fill:#fff7ed,stroke:#f37324,stroke-width:2px,color:#2a2a2a
style C3 fill:#fff7ed,stroke:#f37324,stroke-width:2px,color:#2a2a2a
Version 3: Horizontal Flow (Alternative)
Left-to-right flow showing progression of partnership depth.
graph LR
Start["Choose Your
Partnership Path"] --> Design Design["💡 We Design for Good
Build Internal
Capacity"] Humanity["❤️ Humanity for Good
Learn from
Our Projects"] Collab["🤲 Collaboration for Good
Full Co-Creation
Partnership"] Start --> Humanity Start --> Collab Design --> DesignBenefit["✓ Practical Skills
✓ Cost-Effective
✓ Independence"] Humanity --> HumanityBenefit["✓ Proven Methods
✓ Real-World Tested
✓ Innovation"] Collab --> CollabBenefit["✓ Dedicated Team
✓ Full Support
✓ Ongoing Partnership"] style Start fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:14px style Design fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:13px style Humanity fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:13px style Collab fill:#f37324,stroke:#ea580c,stroke-width:3px,color:#fff,font-size:13px style DesignBenefit fill:#ecfff7,stroke:#007f4e,stroke-width:2px,color:#2a2a2a,font-size:11px style HumanityBenefit fill:#f0f9f4,stroke:#72b043,stroke-width:2px,color:#2a2a2a,font-size:11px style CollabBenefit fill:#fff7ed,stroke:#f37324,stroke-width:2px,color:#2a2a2a,font-size:11px
Partnership Path"] --> Design Design["💡 We Design for Good
Build Internal
Capacity"] Humanity["❤️ Humanity for Good
Learn from
Our Projects"] Collab["🤲 Collaboration for Good
Full Co-Creation
Partnership"] Start --> Humanity Start --> Collab Design --> DesignBenefit["✓ Practical Skills
✓ Cost-Effective
✓ Independence"] Humanity --> HumanityBenefit["✓ Proven Methods
✓ Real-World Tested
✓ Innovation"] Collab --> CollabBenefit["✓ Dedicated Team
✓ Full Support
✓ Ongoing Partnership"] style Start fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:14px style Design fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:13px style Humanity fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:13px style Collab fill:#f37324,stroke:#ea580c,stroke-width:3px,color:#fff,font-size:13px style DesignBenefit fill:#ecfff7,stroke:#007f4e,stroke-width:2px,color:#2a2a2a,font-size:11px style HumanityBenefit fill:#f0f9f4,stroke:#72b043,stroke-width:2px,color:#2a2a2a,font-size:11px style CollabBenefit fill:#fff7ed,stroke:#f37324,stroke-width:2px,color:#2a2a2a,font-size:11px
Version 4: Minimalist Equal Partnership Display
Shows all three options as equal choices, no hierarchy implied.
graph TD
Title["🎯 Three Ways We Partner for Impact"]
Title --> A
Title --> B
Title --> C
A["💡
We Design for Good
Build your team's
design capacity"] B["❤️
Humanity for Good
In-house social
impact projects"] C["🤲
Collaboration for Good
Full partnership
co-design"] style Title fill:#2a2a2a,stroke:#007f4e,stroke-width:4px,color:#fff,font-size:18px style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:14px style B fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:14px style C fill:#f37324,stroke:#ea580c,stroke-width:3px,color:#fff,font-size:14px
We Design for Good
Build your team's
design capacity"] B["❤️
Humanity for Good
In-house social
impact projects"] C["🤲
Collaboration for Good
Full partnership
co-design"] style Title fill:#2a2a2a,stroke:#007f4e,stroke-width:4px,color:#fff,font-size:18px style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff,font-size:14px style B fill:#72b043,stroke:#447728,stroke-width:3px,color:#fff,font-size:14px style C fill:#f37324,stroke:#ea580c,stroke-width:3px,color:#fff,font-size:14px
Background Contrast Testing
Testing diagram visibility on different Festa gradient backgrounds.
Tranquil Forest Gradient
graph TD
A["Three Ways
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
Gentle Dawn Gradient
graph TD
A["Three Ways
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
Mountain Serenity Gradient
graph TD
A["Three Ways
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
Spring Promise Gradient
graph TD
A["Three Ways
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
We Partner"] --> B["Design
for Good"] A --> C["Humanity
for Good"] A --> D["Collaboration
for Good"] style A fill:#007f4e,stroke:#00a65c,stroke-width:3px,color:#fff style B fill:#007f4e,stroke:#00a65c,stroke-width:2px,color:#fff style C fill:#72b043,stroke:#447728,stroke-width:2px,color:#fff style D fill:#f37324,stroke:#ea580c,stroke-width:2px,color:#fff
📋 Implementation Notes
Recommended Version
Version 1 (Decision Tree) provides the clearest user journey and helps visitors self-select the appropriate partnership model based on their needs.
Color Rationale
- Pepper Green (#007f4e): Design for Good - Professional expertise and capacity building
- Leaf (#72b043): Humanity for Good - Growth, nurturing, organic development
- Apocalyptic Orange (#f37324): Collaboration for Good - Energy, warmth, partnership
- Light tints for outcomes: Maintains readability while showing connection to main pathways
Accessibility Compliance
- All node colors meet WCAG 2.2 AA standards for color contrast (4.5:1 minimum)
- White text on colored nodes provides > 7:1 contrast ratio
- Dark text on light outcome nodes provides > 12:1 contrast ratio
- Stroke widths increased for better visibility on gradient backgrounds
- Emojis provide visual cues but are supplemented with text labels
Trauma-Informed Design
- Non-hierarchical presentation - all pathways are equally valued
- Clear, supportive language without pressure or urgency
- Gentle color palette from Festa calm system
- Provides agency - users choose their path based on needs
- Transparent outcomes - shows what to expect from each path
Mobile Responsiveness
Mermaid diagrams automatically adapt to container width. On mobile devices, diagrams will scale down while maintaining readability. Consider adding horizontal scroll for Version 3 on very small screens.
👥 Feedback Requested
- 1. Which version best communicates Festa's partnership approach?
- 2. Are the colors sufficiently visible on gradient backgrounds?
- 3. Does the diagram support the user's decision-making journey?
- 4. Should we include more or less detail in the diagram?
- 5. Any accessibility concerns or improvements needed?