Product Catalog
import { Aside } from ‘@astrojs/starlight/components’;
Source: Master Spec v2.0, §12. Admin may later create products without developer assistance; these definitions are the MVP seed.
Commercial color palette
Section titled “Commercial color palette”White · Cream · Eggshell · Almond · Linen · Colonial Gray · Clay · Bronze · Tuxedo Gray · Terratone · Ivory · Copper Tone · Musket Brown · Royal Brown · Black · Wicker · Sandcastle · Dark Gray · TBD (To Be Determined) · Custom
TBD and Custom are available only where Color applies (never for Copper or Galvanized Steel Finish). Admin controls availability per product/configuration; historical estimates keep their saved color name/value.
Canvas + SOW items
Section titled “Canvas + SOW items”| Item | Canvas representation | Base calculation | SOW fields |
|---|---|---|---|
| Gutters | Measurable line | ft | Configuration, Footage, Price per ft, Total Price |
| Super Gutters | Double measurable line | ft | Footage, Price per ft, Total Price |
| Downspouts | Circle | 15 ft/symbol (default) | Footage, Price per ft, Total Price (no Quantity) |
| Elbows | Product symbol | 3 ft (default) | Footage, Price per ft, Total Price (no Quantity) |
| Leaf Guards | Distinct measurable line | ft | Footage, Price per ft, Total Price |
| Screens | Resizable mesh panel | unit | Quantity, Price per Unit, Total Price |
| Splash Guards | Asterisk | 3 ft/symbol (default) | Quantity, Footage, Price per ft, Total Price |
| Underground | Rotatable measurable SVG line | 15 ft (default) | Footage, Price per ft, Total Price |
| Underground Box | Product icon | unit | Quantity, Price per Unit, Total Price |
| Pop-Up Emitter | Product icon | unit (one standard size) | Quantity, Price per Unit, Total Price |
| Collector Box | Uploaded product icon | unit | Quantity, Price per Unit, Total Price |
| Underground Adaptor | Product icon | unit | Quantity, Price per Unit, Total Price |
| Screen for Downspouts | Resizable product icon | unit | Quantity, Price per Unit, Total Price |
| Splash Block | Product symbol | unit (Plastic/Concrete) | Quantity, material Price per Unit, Total Price |
| Repairs | Depends on Type | unit or ft | Depends on Type |
| Cleaning Service | Measurable line | ft | Footage, manual Total Price (no Price per ft) |
| Fascia Wrap | Measurable line | ft | Footage, Price per ft, Total Price |
| Removal | Distinct measurable line | ft | Footage, manual Total Price (no Price per ft) |
| Super Gutter Removal / with Structure | Distinct measurable lines | ft | Footage, Price per ft, Total Price |
| Re-Install | Distinct measurable line | ft | Footage, manual Total Price (no Price per ft) |
| Re-Locate | Paired old/new markers | unit per completed pair | Quantity, manual Total Price |
Key configuration rules:
- Gutters — Styles: K Style (6, 7 in), Half Round (6, 8 in), Box Square (6, 7 in), Commercial D (7 in only). Materials: Aluminum, Copper, Galvanized Steel Finish. Aluminum: full palette; others: no Color. (Box W and Special Gutter are not seeded.)
- Super Gutters — Super Gutter 5/7 in, E Gutter 5 in; Aluminum only; Colors White/Bronze unless Admin reconfigures.
- Downspouts — Sizes 3x4, 4x4, 4x5, 5x6, 6x6, Round 4 in; all materials; 15 ft default per symbol, editable on Canvas and SOW (synchronized, Footage-based, no Quantity). Connected Gutter Size pricing dependency: applies only to 6 in / 7 in gutters; auto-assigned when a single eligible size exists, Estimator-selected when both exist; changing it updates the linked Downspout price (warn before replacing a manual override). Proposal A and B may link the same physical downspouts to different gutter sizes.
- Leaf Guards — Types Mesh, Raptor (Raptor materials: Aluminum, Copper); no Color selector.
- Repairs — exactly four Types: Leak / Seal (icon, per unit), Reattach (line, per ft), Downspout Repair (icon, per ft), Repitch (icon, per ft). No other repair types.
- Re-Locate — gray dotted preview; first tap = old location (red dotted), second tap = new location (green dotted); one pair = one unit, moved/deleted as a pair.
- Elbows are Products (not Accessories): A/B Elbow, downspout sizes, 3 ft default.
Visual reference 19 — approved visual direction for this section. The written requirements above prevail over labels, sample data, or prices shown in the images. See Canvas Editor references
Accessories
Section titled “Accessories”Hanger (Regular/Half Round) · Straps · Wedges · End Cap · Screws · Downspout Strainer · Downspout Filter · Downspout Bracket · Underground Connector (3x4, 4x5, Custom; Plastic) · Downspout Y Connector. Added from SOW or via configured Canvas symbol; Canvas placement creates/updates the SOW row. Quantity × Price per Unit (or Footage × Price per ft); Total Price overridable per estimate.
Custom SOW item
Section titled “Custom SOW item”Available from SOW → Add Item; SOW-only, never touches Canvas. Requires a Custom Item Title before it can be included in Preview/export. Optional manual Footage (FT) and Total Price; no automatic per-ft/per-unit calculation. Behaves like other items for duplicate/move/delete/version/offline/snapshot. Export: individual Regular shows title + Total Price; inside a Proposal shows title only (rolled into Proposal Total); Roofer shows title, hides price.
Canvas-only reference elements
Section titled “Canvas-only reference elements”Existing Gutters (gray dotted line) and Existing Downspouts (gray dotted symbol): no measurement, no SOW row, optional Label; appear in Preview/JPG; completely outside commercial calculations.
Approved graphic language (§12.5.1)
Section titled “Approved graphic language (§12.5.1)”Procedural marks: Repitch red line · Removal red-orange line · Super Gutter yellow double line · K Style / Commercial D / Box Square / Half Round phosphor-green line · Cleaning Service light-blue line · Existing Gutters dark-gray dashed line · Existing Downspouts dark-gray dashed ring · Downspout Repair red dashed ring · Downspout fuchsia filled circle · Splash Guards orange six-ray asterisk.
Shared SVG icon library (blue technical line-art unless noted): Collector Box, Screen Panel, Underground mark, Leaf Guards mesh, Leak/Seal, Underground Box, Pop-Up Emitter, Straps, Hanger, Splash Block, End Cap, Elbow, Wedge, Gutter Guard, Downspout Filter, Underground Connector, Half Round Hanger, Downspout Bracket, Downspout Y Connector, Downspout Strainer.
Visual references 59–60 — approved visual direction for this section. The written requirements above prevail over labels, sample data, or prices shown in the images. See Canvas Editor references