> ## Documentation Index
> Fetch the complete documentation index at: https://docs.prospecthq.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Build an organization website

> Configure brand details, page layout, AI design, logos, and hero images.

# Build an organization website

Open the organization workspace and select **Public Page**. The editor separates manual page building from AI-assisted creation.

## How the editor is organized

<Tabs>
  <Tab title="Page Builder">
    Manually manage branding, logo and hero media, layout and access, website staff, button design, team pages, resources, and other public content.
  </Tab>

  <Tab title="Build with AI">
    Describe the organization and optionally provide a reference website. ProspectHQ creates an editable draft using the available organization details.
  </Tab>
</Tabs>

## Add brand details

In **Page Builder → Branding**, review:

* Public organization display name
* Program tagline and organization story
* Sport and audience context
* Primary, secondary, accent, background, and text colors
* Typography and text formatting where available
* Public address and map visibility, when appropriate

Choose colors with readable contrast. Light backgrounds need dark text, and dark backgrounds need light text.

<Tip>
  Use organization colors consistently, but prioritize legibility over exact color matching for paragraph text and buttons.
</Tip>

## Use the website builder

In **Layout & Access**, arrange the public modules and choose who can see them.

<Steps>
  <Step title="Choose visible modules">
    Enable only the content the organization wants to publish, such as teams and athletes, resources, staff, fundraising, address, or custom sections.
  </Step>

  <Step title="Set access">
    Select the appropriate public, team, or private access level for each supported module.
  </Step>

  <Step title="Arrange sections">
    Move modules into a logical order. Keep the most important public information near the top.
  </Step>

  <Step title="Configure navigation">
    Enable **Show in menu** for sections that should appear in the sticky navigation. Custom sections may appear under **More**.
  </Step>

  <Step title="Preview before publishing">
    Use **View public page** in a new window and test desktop and mobile layouts.
  </Step>
</Steps>

## Build with AI

The AI builder creates a starting design. It does not remove manual control.

<Steps>
  <Step title="Describe the organization">
    Explain the sport, age or competition level, audience, personality, priorities, and desired call to action. Avoid including sensitive player information.
  </Step>

  <Step title="Add a reference website when available">
    Enter a website the organization owns or has permission to reference. ProspectHQ can use visible design cues, brand colors, font direction, logo, public staff or contact details, and useful links as inputs.
  </Step>

  <Step title="Confirm image rights when using source images">
    Confirm that the organization owns or has permission to use any reference images. If no suitable images are available, the builder can create a new image from the prompt.
  </Step>

  <Step title="Generate the draft">
    Start the build and allow the progress steps to finish. Keep the page open while the request is processing.
  </Step>

  <Step title="Review every field">
    Return to **Page Builder** to check colors, copy, links, layout, access settings, logo, and hero image. Make manual adjustments before publishing.
  </Step>
</Steps>

<Note>
  AI website updates and AI image generations use billing-period credits. The editor shows the remaining allowance when a credit-limited tool is available.
</Note>

## Upload a logo and hero image

Open **Page Builder → Logo & Hero Image**.

### Logo

Upload the organization logo in a supported image format. The logo is used in the public header and may be used as the organization favicon.

Where available, select **Enhance with AI** to upscale and sharpen the exact logo and remove its background without redesigning it. Always inspect the result before publishing.

### Hero image upload

Use the direct upload option when a finished hero image already exists. Choose a wide, high-resolution image with enough open space for headings and buttons. Preview it on both desktop and mobile.

## Use AI Hero Studio

AI Hero Studio is separate from direct hero upload.

<Steps>
  <Step title="Choose AI Hero Studio">
    Switch from the direct upload workflow to the AI creation workflow.
  </Step>

  <Step title="Add references">
    Use the organization logo, an approved reference website, or upload up to four authorized reference images when the interface offers them.
  </Step>

  <Step title="Describe the desired image">
    Explain the sport, athletes, setting, competitive level, audience, mood, and brand feel. Prompt suggestions can help establish direction.
  </Step>

  <Step title="Generate and review">
    Generate the image, confirm that the result represents the organization appropriately, and save it as the hero image.
  </Step>
</Steps>

<Warning>
  Only upload or reference images the organization has permission to use. Review AI-generated images for accuracy, appropriate athlete representation, and unintended text or logo changes.
</Warning>

## Publish and share

After previewing the page, publish it and use **Share public link**. ProspectHQ uses the organization's SEO-friendly public URL when one is configured. The hero image is used as the organization social-sharing image, while the logo remains the favicon.

## Troubleshooting

<AccordionGroup>
  <Accordion title="The AI builder returned an incomplete design">
    Simplify the prompt, verify the reference URL is publicly reachable, and try again. If image creation fails but the page design succeeds, review the saved page draft before restarting the entire build.
  </Accordion>

  <Accordion title="The colors do not match the reference website">
    Confirm the reference website is publicly available, then specify the exact brand colors in the prompt or set them manually in **Branding**.
  </Accordion>

  <Accordion title="The public page did not change after saving">
    Confirm the form reported a successful save, refresh the public page, and check that the edited module is enabled for public access. Images may take a brief moment to refresh through the delivery cache.
  </Accordion>
</AccordionGroup>