Demo site — fictional. Built as a sample of custom web design by Wendi Coffman-Porter. Back to Web Design · Pricing · Hire me · hi@wendicoffmanporter.com

Branding kit · demo

Cedar Ridge Legion Post 214

Mark, lockup, favicon, palette, and type for this fictional client — each demo gets its own visual system.

Logos

Cedar Ridge Legion Post 214 logo mark
Mark

Gold post seal with cedar tree, star, and laurel — hall honor mark for Post 214.

Cedar Ridge Legion Post 214 logo lockup
Lockup

Wood-and-brass hall plaque with the seal beside CEDAR RIDGE LEGION / POST 214.

Favicon

A favicon is the tiny icon in your browser tab — next to the page title, and often in bookmarks and phone home-screen shortcuts. Most people never say the word; they just recognize “your site” from that little mark.

It does not have to match the full logo mark pixel-for-pixel. Marks can be too detailed to read at 16×16. A good favicon keeps the intent of the brand (hall seal, shield, paw, frame, book) in a simple shape that still looks clear when it’s smaller than a fingernail.

How it shows up

Mock browser tab — the small icon is the favicon.

Cedar Ridge Legion Post 214 favicon
File

32×32 PNG — designed to stay readable at tab size (about 16×16).

Colors

Hex values from this demo’s palette — each role is intentional for the vertical.

  • Hall gold#c4a35aMetal on plaques, buttons, and calendar accents.
  • Deep brass#8b6914Hover states and secondary rules.
  • Hall dark#1a1510Evening meeting light — wood void.
  • Panel oak#2a2218Cards and calendar sit on warmer panels than the void.
  • Cream ink#f2e6d0Readable on dark panels like typed notices.
  • Dust muted#b8a890Dates, captions, and secondary lines.

Type

Cedar Ridge Legion Post 214

Display

Oswald — condensed display for post names and hall titles.

Service · Fellowship · Community. A fictional American Legion–style post hall with events, about, and member stories.

Body

Source Serif 4 — readable story prose for member posts.

Hero image

Warm wood hall interior — fellowship space first, so the calendar and stories feel attached to a real room.