mirror of
https://github.com/getlineapp/demo-generator.git
synced 2026-06-04 09:14:23 +00:00
LineApp Demo Generator — browser-based tool for creating branded festival app prototypes
- HTML 67.9%
- JavaScript 31%
- Shell 1.1%
Dark palette was hiding brand content behind a heavy surface. Going
full light mode makes the lineup, schedule, and CTA far more scannable,
and the festival's own branding (banner image, logo) now carries the
dark/colourful visual weight instead of fighting it.
Changes:
- fix-contrast.mjs: output near-white backgrounds (L=97) with faint
brand tint, near-black text (L=12), and primaries clamped to L∈[35,55].
Iterative darken loop for high-luminance hues (yellow/green/cyan) so
every festival clears WCAG AA (P/BG ≥ 3.5 in practice).
- template.html: derivePalette detects light mode from bg L>60 and
flips container offsets negative, so surface-container-low/high get
darker (card separation) instead of hitting the L=100 ceiling.
- template.html: restructure hero. Banner is now pure photo (no title
overlay), and the festival name + tagline + date/location chips live
in a rounded surface block directly below. This removes the common
clash between our overlaid NAME and the festival's own brand text
that many banners already carry ("ŻYWIEC MĘSKIE GRANIE",
"ZA MIŁOŚĆ!", "STATE OF EXIT", etc.).
- Chips use brand-coloured icons on surface-container-high for a subtle
accent without fighting the photo.
All 24 verified via Playwright — no JS errors, readable typography,
primary colour visible on every CTA/active state.
|
||
|---|---|---|
| batch | ||
| index.html | ||