The Civic Commons Access to tools for building community where you live
Build prompt · from the tool gallery collection

Neighborhood Connector Site

A comprehensive prompt to build a warm, content-first website using AI builders like Lovable. It creates a digital front porch that points neighbors toward real-life groups and local connection, prioritizing 'showing up' over app engagement.

Build a simple, welcoming, content-first website called [NeighborhoodName]people.org.

Purpose: Help people who live in or near [Neighborhood Name] meet each other through real, existing groups and low-pressure ways of showing up locally.

Tone: Warm, neighborly, slightly playful, not techy. Feels like someone waving from across the street and saying “oh hi.” Avoid jargon. Avoid hype. This is about showing up, not optimizing.

Core idea: Friendship happens through shared places, repeated presence, and doing ordinary things together. This site curates those paths.

Site structure

Single-page site with clear sections and anchored navigation.

Top navigation (simple text links):

  • how to make friends in [neighborhood]
  • local groups
  • more fun
  • contact

Hero section

Large headline: oh hi, people of [Neighborhood Name]

Subheadline: A friendly guide to meeting people and finding community in [Neighborhood Name].

Optional short line: You do not need an app. You just need a place to show up.

Hero imagery: Wide, calm local visuals. [Describe local landscape features, e.g., Dunes, ocean light for Sunset; Trees, stoops for Brooklyn]. Not busy. Not posed.

“How to make friends in [Neighborhood]” section

Short, grounded guidance in plain language. This should feel like advice from a neighbor, not a self-help article.

Example structure:

  • Show up more than once
  • Go to the same place at the same time
  • Say hi first, even if it feels awkward
  • Join something that already exists
  • Let it be slow

Keep this section short and scannable.

Local groups section

Headline: local groups

Subhead: A growing list of groups that make it easier to meet people in [Neighborhood].

Design: Accordion or expandable list by category. Categories should be visually distinct blocks.

Suggested categories:

  • Outdoors & Movement
  • Care & Mutual Aid
  • Making & Creativity
  • Neighborhood & Civic Life
  • Faith & Spiritual Life
  • Food, Markets & Gathering
  • Walking, Running & Low-Key Sports

Each group entry:

  • Group name
  • One-line description focused on how to show up
  • Optional link out

[Provide specific local examples here like 'Beach Clean Up', 'Community Garden', 'Run Club']

Descriptions should emphasize: When it happens, where it happens, and what it feels like to show up the first time.

More fun section

Headline: more fun

Content: A clear callout pointing people to local event calendars or newsletters if they exist.

Add a group / contribute section

Explicit invitation to participate.

Headline: know a group we should add?

Copy: This list is better when more people help shape it. If you know a group, club, or recurring gathering in [Neighborhood], we would love to include it.

Simple form:

  • Name
  • Email
  • Group name
  • Link (optional)
  • Short note

Low friction. No account creation.

Contact section

Friendly, human closing.

Copy example: Questions, ideas, or just want to say hi? We would love to hear from you.

Footer

Minimal.

  • [neighborhood]people.org
  • A small line like: Made by neighbors, for neighbors.

---

Visual Design

Overall feel

[Describe the vibe of the neighborhood - e.g. Coastal, spacious, calm, OR Vibrant, brick, energetic]. This should feel like [Neighborhood], not “Tech Startup.”

Color palette

Primary:

  • [Background color typical of the area]
  • [Soft distinct divider color]
  • [Accent color]

Secondary accents:

  • [Local nature colors]

Typography

Large, friendly sans-serif headline font. Rounded, generous letter spacing. Body text should be highly readable and calm. Headlines should feel confident but not loud.

Interaction style

  • Smooth, subtle transitions
  • No flashy animations
  • Plus icons for expandable lists
  • Everything should feel easy and forgiving

Emotional goal

The site should make someone think: “Oh. I could do this.” and then “I might actually go.”

Connected in the commons Related by topic

Relational Tech Studio library · RCL-1.0

See something to fix or add? Suggest an edit on GitHub — the commons lives in git too, and its history is the changelog.

Gathering

Remix this in Relational Builder  Browse the commons