Welcome & Scope

This binder is the primary reference for managing the Beale Street Theater website and digital presence. It is maintained by Digital Allies and gives BST staff the tools to handle routine content updates confidently without needing to contact a developer.

In Scope vs. Out of Scope

How to Use This Binder

Each tab is a self-contained reference section. The Staff Checklist (Section 10) is designed to be used every time content is published — laminate it and keep it at your desk.

All brand assets, schema files, and training materials are also in the Brand Portal at beale-it.github.io/beale-street-theater, which will eventually be accessible from the BST staff login page on the website itself.

Brand Identity

Color System

Category Colors (Badges & Calendar)

Typography

Design Conventions

• BST Curve: border-radius: 0px 10px 10px 0px — 0px left, 10px right on all containers
• Glow: box-shadow: 0 0 20px rgba(18,181,163,0.3) for teal accent elements
• Primary button: Solid teal fill, black text, League Spartan, uppercase
• Secondary button: Teal outline, teal text (for use on dark backgrounds)
• No gold: Gold (#c9a84c) is not part of the current BST brand
• No gold gradient: The teal-to-gold gradient used in earlier versions is retired

Naming Conventions

File Naming Format Table

Show Item / Page URL Rules

• Lowercase, hyphens only, no punctuation or special characters
• Replace & / "and" with a hyphen: red-white-blue
• Keep numbers as digits: bst-10th-anniversary
• The item/page URL must match exactly: show collection, image file names, URL, and schema file
• Never change an item/page URL after it is set without notifying Digital Allies

Item / Page URL Reference

Shared Drive Structure

Numbered Folder Map

The shared drive uses a numbered system to keep root folders organized. This structure will expand over time as the system grows. The main principle is to always use the numbered prefix for root folders and to archive older files rather than deleting them.

Show Subfolder Structure

Season Archive Procedure

1. At season end, create a folder in 10archived/ named season-[year]/
2. Move the entire 09season-current/ contents into it
3. Clear 09season-current/ for the new season
4. Notify Digital Allies so schema and sitemap references can be updated

2026 Season Shows

Source: bst.ludus.com · Updated April 7, 2026 · Showing upcoming shows only

Platform Ecosystem

SEO Structure

5-Step SEO Workflow

1. Set the page title — Format: Show Name · Beale Street Theater · Kingman AZ · Under 60 characters
2. Write the meta description — 1–2 sentences with show name, date, and “Kingman AZ” · Under 155 characters
3. Set the OG image — Show hero WebP at 1200×630px, named with the show slug
4. Upload the schema file — JSON-LD in the page's custom code area and in 07schema/
5. Verify and publish — Check preview, publish, then submit the URL in Search Console if it's a new page

NAP Consistency

The following must appear identically everywhere — website, GBP, Ludus, social profiles:

Schema File Reference

Sitemap & Indexing

• Sitemap is auto-generated and submitted via Search Console
• When a new show page goes live, manually request indexing in Search Console
• Pages marked “No Index” (e.g. thank-you pages) must stay that way unless approved

CMS & Data Sync Workflow

Show Collection Update Procedure

1. Open Google Sheets — Access the BST tracking sheet where we externalize our collections.
2. Add or edit a show row — Insert data horizontally by populating all necessary columns (see reference table below).
3. Maintain Strict Plain Text — To ensure our database renders accurately, all content must be passed as plain text except for dates and URLs. Extraneous styling will crash the dynamic blocks or display weird formatting.
4. Upload image assets — Upload images and grab the absolute URL to paste into the poster field.
5. Verify the item / page URL — Ensure it matches the item slug format exactly.
6. Review on desktop and mobile using the Duda preview toggle.

Required Collection Fields Reference

Media & Image Optimization

Image Size & Format Guide

Alt Text Rules

WebP Conversion

Convert all Canva exports and photos to WebP before uploading. Use the Asset Optimizer in the Brand Portal: beale-it.github.io/beale-street-theater → Asset Optimizer

Web vs. Print Files

Staff Checklist

Run every time you publish. Designed to laminate and keep at your workstation.

Content

Media

SEO & Publishing

Digital Content SOPs

Website Collection Templates

The templates are used for building and updating dynamic pages and sections. The compiled master document serves as the repository for all dynamic templates.

Folder Organization

• Master Compiled Document: Serves as the master example and repository.
• Data Collections: Individual data collection sheets kept in sub-folders (e.g. Active Data Collections).
• Naming Convention: [Date/Year]_[Dynamic Section Name]_Data_Collection

Direct Data Collection Workflow

1. Reference the Master Document: Review requirements.
2. Copy the Template: Start a new data collection file. Do NOT edit the Master Document directly.
3. Collect Data: Fill in data based on formatting examples.
4. Review and Submit: Verify all required fields (asterisk *) are populated before web publishing.

Media Sizing Guide

Aspect Ratio Standardization

Hero Image Architecture

Absolute minimum width is 1500px, internal standard is 1920px. Optimize files for sRGB and under 200KB (for full-width web files).

Favicons & Logos

Favicon: 1:1 format (.ico or .png) 16×16 or 32×32.

Navigation Logos: 3:2 ratio (250×100px) or 1:1 ratio (160×160px).

Performance Rules

• Use WebP (26% smaller than PNG) replacing generic images.
• Mandatory tools before deployment: TinyPNG, Optimizilla.
• No TIFFs!

Video Rules

• Background video: 5-20s duration, under 6MB, audio removed.
• Embed rather than local host if possible (YouTube/Vimeo).

Custom Widgets Overview

1. Dynamic Event Calendar

Live, collection-powered widget displaying upcoming shows, programs, and events. Reads from collections without widget editing.

Setup: Ensure your collection has an item (slug) and a show_id (Ludus ID). Set up the matching dynamic URL page.

2. Neon Back To Top

A glowing, animated scroll-to-top button. Use on long pages. Features customizable Neon Glow color, Background color, Pulse Speed. Don't place over navigation menus.

3. Support Programs Widget

Showcases volunteer opportunities, sponsorships, and donations with category filter tabs. Provides direct Ludus ticketing integration inside dynamic cards.

Accounts & Resources

Best Practices & Standards

Content Writing Standards

• Voice: Warm, community-first, theatrical — not corporate
• Show descriptions: 2–4 sentences · mention genre, mood, performers, or source material
• Dates: Spell out month: Apr 10, 2026 — never 04/10/26
• Theater name: Always “Beale Street Theater” in public-facing copy — not abbreviated to BST
• Location: Always include “Kingman, AZ” in searchable or shareable content

Data Accuracy Rules

Community Platform Updates

We need to regularly contact local papers, the city, and other authoritative members of the community to update them on the website and ensure that they are using the latest information for the theater.

Social Media Tickets Policy

Directly sending folks to bst.ludus.com on social media is NO LONGER HOW IT SHOULD BE DONE since we now host the Ludus embed directly on the website pages. Always link to the show's page on the BST website.

• Address: 302 E. Beale St, Kingman, AZ 86401
• Phone: (928) 228-5817
• Website: bealestreettheater.com
• Box Office: Thu–Fri 10am–6pm · Sun–Wed closed outside of scheduled programming

Issue Resolution

Platform Quick Reference

Shelby is the primary website manager after this project is over. Digital Allies will provide monitoring, monthly content updates, monthly maintenance outside of the weekly tasks, monthly data cleanup, and quarterly SEO checking.

Key Contacts