Home redesign / rebrand — landing page + design language (mirrors droidconKE)

[manuelgeek]

flutterconKE — Home Redesign / Rebrand

We're applying the same rebrand we're doing for droidconKE to flutterconKE. Same design, same layout, same Rauschen B display type — only the color palette differs (fluttercon gets its own Figma variable export with event-relevant colors). Logo/mascot are the Flutter-blue marks.

The full plan — asset paths, gap analysis, phased build order, decisions — is at docs/design/REDESIGN-PLAN.md.

Design sources

• fluttercon Figma variables export (palette): ⏳ pending from team
• Layout reference mockups (shared droidcon renders): docs/design/light.png, docs/design/dark.png
• New assets: public/images/new-design/ (Flutter-blue logo-*.svg, flutter_icon.png)

What changes (rebrand)

• New Flutter-blue con logo + mascot
• Color system replaced by fluttercon Figma export (retiring flutter blue #0062FF / amber #FFAB00)
• Rauschen B heavy grotesque display type (solid + outline "BEYOND STACKS")
• Halftone / dot-pattern image treatment
• Rounded-card layout + stat cards
• City-skyline footer

Phased plan

• Phase 0 — Design tokens (tailwind.config.js) from fluttercon export + Rauschen B via next/font/local
• Phase 1 — Global chrome (NavBar logo + skyline Footer)
• Phase 2 — Hero / Banner
• Phase 3 — Body sections (About+stats, EventTypes, Sponsors, Gallery, Organizers)
• Phase 4 — Polish + dark-mode + responsive QA
• Phase 5 — Propagate design language to other pages

Fonts

• Rauschen B font files received (docs/design/Rauschen B Font-…zip) — Book weight, .woff2/.woff/.otf. Open Q: confirm heavy headline is Book + outline vs. a heavier cut.

Blockers

• ⏳ fluttercon Figma variables export (color palette) before Phase 0.

Parent / reference: droidconKE/droidconKE2022Web#123

cc @NewtonMutugi