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

Signal & Smoke

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

Logos

Signal & Smoke logo mark
Mark

Lightning and smoke curl monogram — poster mark for the duo.

Signal & Smoke logo lockup
Lockup

Distressed amp-cabinet tour plaque with the monogram beside SIGNAL & SMOKE.

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.

Signal & Smoke 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.

  • Signal amber#e8a050Play buttons and tour links.
  • Smoke ember#a85e18Active nav and strong rules.
  • Blackout#0e0e12Stage void behind set lists.
  • Amp cabinet#1a1a22Track and photo cards.
  • Spotlight ink#f4efe6Song titles.
  • Fog muted#b0a898Credits and notes.

Type

Signal & Smoke

Display

Anton — poster display for a duo name.

Two voices · One stage. Fictional musician site with set list, gallery, and about — not a Corridor Radio page.

Body

Barlow — tight tour and track copy.

Hero image

Stage / tour still — performance energy.