Work Section Variations

Four hero split-screen layouts showcasing featured case studies on the home page. Each variation emphasizes different content hierarchies and visual flows while maintaining accessibility and trauma-informed design principles.

Abayomi's original design: Content left, featured case study card right, with full multi-color gradient background.

Reversed layout: Featured case study card left, content right. Same gradient, different visual flow and reading pattern.

Centered layout: Full-width content header at top, featured card below and centered for maximum prominence.

Minimal design: Simplified content without eyebrow, clean two-tone gradient, focus on the featured work itself.

Featured Work

Design That Creates Lasting Impact

Explore our recent work with purpose-driven organizations creating meaningful change in their communities through strategic, ethical design solutions.

View All Work

United Community Alliance

Community Engagement Platform

Built a comprehensive digital platform that connected community organizations with volunteers and resources, amplifying their collective impact.

Nonprofit Community

View Project

United Community Alliance

Community Engagement Platform

Built a comprehensive digital platform that connected community organizations with volunteers and resources, amplifying their collective impact.

Nonprofit Community

View Project

Featured Work

Meaningful Solutions for Social Good

Discover how we partner with nonprofits and social enterprises to design digital experiences that amplify their mission and maximize community impact.

Explore Our Work

Featured Work

Empowering Organizations to Thrive

Our portfolio showcases transformative design work with purpose-driven organizations. Each project reflects our commitment to accessibility, trauma-informed UX, and sustainable impact.

View All Work

United Community Alliance

Community Engagement Platform

Built a comprehensive digital platform that connected community organizations with volunteers and resources, amplifying their collective impact and reach across multiple neighborhoods.

Nonprofit Sector Community Development Digital Platform

View Full Case Study

Featured Work

Explore our latest project creating meaningful change through strategic design and community-centered solutions.

View Portfolio

United Community Alliance

Community Engagement Platform

A digital platform connecting organizations with volunteers and resources to amplify community impact.

Nonprofit Community

View Project

Technical Specifications

Layout Options

Default: Content left, card right (Abayomi's design)
Reversed: Card left, content right (alternative flow)
Centered: Content top, card bottom (maximum prominence)
Minimal: Simplified content, clean aesthetic

Gradient Backgrounds

from-pepper-green-50 via-white-smoke-50 to-chicken-comb-50
from-leaf-50 via-white-smoke-50 to-pepper-green-50
from-white-smoke-50 to-pepper-green-50

Responsive Behavior

✅ Mobile: Stacks vertically (content → card)
✅ Tablet: Two-column grid (md:grid-cols-2)
✅ Desktop: Full split-screen layout
✅ Maintains readability at all breakpoints

Accessibility Features

✅ WCAG 2.2 Level AA compliant
✅ Semantic HTML structure
✅ Keyboard navigable
✅ Screen reader friendly
✅ High color contrast (4.5:1+)
✅ Trauma-informed design (calm gradients, predictable)

Component Props (Future FDS Component)

Note: After approval, this will be converted to an FDS component at resources/views/components/fds/work-section.blade.php and integrated into the home page.