Mockup notes — not part of the proposed design
About this mockup
This is a design proposal for the Grosse Pointe Park Public Safety
Foundation homepage, prepared for board review. Everything above this
panel is the proposed site; this panel documents what's real, what's
sample, and what still needs a decision. It will not appear on the
built website.
Everything in this mockup is up for debate — nothing above this
panel is final.
The imagery, especially, is placeholder: every photo can be swapped,
and none has been selected by the group. The copy is equally
provisional — every headline, section, and sentence is a working draft
awaiting review and rewrite by the messaging team; no wording here
should be read as settled. The same goes for structure, section order,
colors, and type: this mockup exists to give the group something
concrete to react to, not to lock anything in.
Sample data
The campaign gauge is currently set to $0 / 0% until
live fundraising begins. The figure is set by editing one number in
the page code (see the comment marked
update this number).
Image sources
All placeholder images were pulled from the current foundation
website's uploads — this table just documents where each one came
from.
| Location |
Source file (foundation website uploads) |
| Hero background |
qtq80-QpFamD-1024x683.jpeg — firefighter silhouettes;
campaign-art family (stock/AI-generated style, already in public
campaign use)
|
| "Why the Foundation" media slot |
Campaign-video placeholder — "Thank You, Grosse Pointe Park," in
production under Terry's direction
|
| Campaign section, image 1 |
0965F648-…-909x1024.jpeg — photo of Chief Bostock in
turnout gear
|
| Campaign section, image 2 |
IMG_3246-1024x683.jpeg — equipment photo (also serves
as the campaign page hero)
|
All images are hotlinked from
gpppublicsafetyfoundation.net/wp-content/uploads/ for
mockup purposes only — they display while the current site is online.
The production build re-uploads final selections with descriptive
filenames, WebP compression, and written alt text. Photos featuring
identifiable residents (especially minors) should get a nod from the
department before use.
Design specifications
Navy #16233F
Deep Navy #0E1830
Flame #E8842C
Gold #F0A63C
Cream #FBF1DC
Type: Playfair Display (display serif) + Libre Franklin (text/UI) —
matching the approved campaign poster and pitch-deck styling.
Wordmark: city-first stacked lockup per the wordmark exploration
sheet. Campaign gauge: 270° instrument dial per the gauge exploration
sheet; updates by editing a single number.
Stubs awaiting decisions
-
Donate buttons — temporarily disabled while online checkout
is configured. Once enabled, they should open checkout directly (no
separate donate page). The "100% of your gift reaches the
Foundation" line in the Give-online card is Zeffy-specific (0%
fees) — revisit it, and re-add the optional-tip disclaimer, once
the platform is finalized. Open question for the group: do all
donate buttons point to one campaign checkout (recommended), a
general-fund checkout, or route through the campaign page first? If
campaign checkout: the overage/restriction wording on the form is a
treasurer call.
-
Major-gift path — $2,500+ routes to campaign leadership per
the working proposal.
-
Video slot — signature campaign video in production;
placeholder frame until a cut exists.
-
Footer email — mailbox pending; domain pending the domain
decision.
-
"Download form" — wired to the current contribution form
(
gppsf-donation-form.pdf); note the PDF still carries
the old script-logo letterhead and no officer titles, so it'll want
a refresh if the brand system is adopted.
-
Board section — roster matches the published board list (7
directors + 2 advisors). Confirm titles before release.
-
Gauge — live via the donation platform's API, with a
manual-update fallback.
Design references
Wordmark exploration ·
Gauge exploration
