The Nabe - Design Lab

Design Iterations

Version 1

Warm Community

A warm, welcoming design with terracotta and cream color palette. Features elegant Playfair Display headings, generous white space, and a human-centered approach that echoes the historic Julia Morgan building.

Palette: Terracotta, Cream, Sage
Fonts: Playfair Display, DM Sans
Style: Light, airy, community-focused

View Design Spec

Version 2

Living Community

A vibrant, energetic design with coral and teal color palette. Features prominent events schedule, denser information layout, and a modern aesthetic that makes the website feel "alive" like an active community center.

Palette: Coral, Teal, Yellow
Fonts: Poppins, Inter
Style: Dense, vibrant, events-focused

View Design Spec

About This Design Lab

This design lab follows a structured approach to website design iteration:

Base Spec (SPEC.md): Core requirements, content, and information architecture shared across all designs
Content Reference Data (content/): Actual content from current website (CSVs) plus video transcript for authentic voice and accurate information
Image Assets (images/): 33 real photographs from The Nabe showing programs, events, rental spaces, and community moments
Design Iterations (v1/, v2/, etc.): Independent design explorations, each with their own visual identity
Design Specs (DESIGN_SPEC.md): Each iteration includes a detailed specification of its visual design system
Self-Contained: Each design is fully functional and can be viewed independently

Base Specification: View SPEC.md
Content Data: Programs.csv, Events.csv, Facility+Rental+Rooms.csv, Generic+Pages.csv, Video Transcript
Photo Library: 33 authentic photos (ballroom events, youth programs, classes, community moments)