Home redesign / 2026 rebrand — plan + design assets - #124
Draft
manuelgeek wants to merge 32 commits into
Draft
Conversation
Adds the landing-page rebrand plan (docs/design/REDESIGN-PLAN.md) with section-by-section gap analysis and phased build order, the new-design image assets, and layout-reference mockups. Display font is Rauschen B (licensed; files kept out of the public repo via .gitignore). Refs #123 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
4 tasks
Font self-hosting (Rauschen B woff2 via @font-face) is tracked separately so this PR stays docs/assets-only. Refs #125 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Font self-hosting (Rauschen B woff2 via @font-face) is tracked separately so this PR stays docs/assets-only. Refs #125 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The licensed font now lives in droidconKE/private-fonts and is injected at build time; removed the reference to the local zip archive. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…lor scales to tailwind configuration
All redesign sub-PRs target feat/home-redesign-plan (not dev); that branch merges to dev once the full redesign is approved. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
* feat: inject licensed Rauschen B brand font at build time The brand display font is licensed and must not live in this public repo. A prebuild step (scripts/fetch-font.sh) fetches the woff2 from the private droidconKE/private-fonts repo into gitignored public/fonts/, then it's loaded via @font-face and exposed as --font-display / .font-display. Auth resolves FONT_REPO_TOKEN (env or .env) -> `gh auth token`, and falls back to the CSS font stack so builds without access still succeed. Refs #125 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * feat: switch global font to Rauschen B site-wide Point --font-family and --font-slab at Rauschen B so the whole site adopts the brand font; Montserrat remains the fallback when the licensed file isn't present (no font access at build). Note: only the Book weight is available, so bold headings are faux-bolded until the Bold/Black cut is sourced from the brand kit. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * docs: explain FONT_REPO_TOKEN + private font repo in .env.example Give devs who don't know the private repo exists the context: it's optional (falls back to Montserrat), and the PAT only needs Contents: Read-only on droidconKE/private-fonts. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…0055FF) Add the Droidcon Figma variable exports (public/docs/colors) and document the full green/blue ramps in the redesign plan. Neutrals/dark-mode inferred from the mockups. Flutter exports moved to the flutter repo. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Remap the Tailwind palette to the 2026 brand colors from the Figma export (primary #0055FF, accent #00FF4F), retiring cyan/orange. Existing token names are kept (remapped) so nothing breaks; per-component cleanup follows in later phases. Adds full blue/green ramps (bg-blue-500, text-green-500…) and rounded-card radii. Refs #123 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…d blue for clarity
Rebrand color tokens — blue primary + green accent
Phase 0: Update global colors
* feat: update NavBar logo paths and improve styling consistency * feat: update NavBar button style and remove inline background image from Home page * feat: enhance ToggleTheme component styling and accessibility * feat: update color palette and adjust active link styles for consistency * feat: adjust NavBar padding for improved layout consistency * feat: add bottom border to NavBar and adjust padding for main content * feat: update Tailwind CSS configuration to enhance animation and adjust accent color * feat: add Marquee component to enhance homepage with event highlights * feat: rebrand theme colors with new blue and green palettes and move marquee animation to global utilities * style: update background and text color utility classes to blue-50 and custom dark mode accent * feat: redesign footer component with new layout, logo, and updated typography * feat: add themed skyline background images to footer layout * refactor: remove footer border and update content alignment to bottom-end * refactor: standardize footer ticket button using updated btn-primary class and add btn-outline style * feat: comment out login functionality and dialog in navbar
* feat: update NavBar logo paths and improve styling consistency * feat: update NavBar button style and remove inline background image from Home page * feat: enhance ToggleTheme component styling and accessibility * feat: update color palette and adjust active link styles for consistency * feat: adjust NavBar padding for improved layout consistency * feat: add bottom border to NavBar and adjust padding for main content * feat: update Tailwind CSS configuration to enhance animation and adjust accent color * feat: add Marquee component to enhance homepage with event highlights * feat: rebrand theme colors with new blue and green palettes and move marquee animation to global utilities * style: update background and text color utility classes to blue-50 and custom dark mode accent * feat: redesign footer component with new layout, logo, and updated typography * feat: add themed skyline background images to footer layout * refactor: remove footer border and update content alignment to bottom-end * refactor: standardize footer ticket button using updated btn-primary class and add btn-outline style * feat: redesign homepage banner with updated branding, call-to-action buttons, and conference details grid * feat: add About component with event details and link to more information * feat: redesign about section with new stats grid and layout structure * feat: redesign event types section with new layout and static card configuration * feat: remove Sponsor component and update SponsorsList with custom card styling * feat: replace inline sponsor rendering with SponsorCard component and update tier layout * refactor: implement responsive masonry gallery layout and update theme styling for Gallery and SponsorsList components * refactor: rewrite Gallery component to use masonry layout with a dedicated GalleryImage sub-component * feat: redesign community partners section with a grid layout and visual styling * refactor: update UI styling and remove hardcoded organizer data dependencies from home components * feat: redesign community partners section with a grid layout and decorative polka dot patterns * style: update border radius and padding consistency across About and EventTypes components * feat: replace event type images with custom SVG icons and update layout grid styling * feat: refine SponsorsList component styling and spacing * feat: increase navbar font size and update sponsors list with mock data on homepage * feat: update font size for Android254 and Kotlin Kenya headings in Organizers component * feat: remove unused image assets from new design * feat: center theme toggle button and add mock sponsor data to home page * feat: update button style for notifications prompt to use primary theme * feat: add venue information and link to map location in footer * Apply homepage review fixes - Android -> Mobile in hero/about/marquee copy - Flutter edition 2nd -> 3rd in About stats - SponsorsList: sponsor button under the "help make ... happen" header - Organizers: activate the API organizer logo grid using the sponsor cut-corner card design (smaller) - Get-your-ticket buttons (nav + banner): whitespace-nowrap - Past Events dropdown: w-max + nowrap (was wrapping) - Non-platinum sponsor cards slightly smaller (platinum unchanged) - Nav: consistent gap between Past Events and Get Ticket --------- Co-authored-by: Magak Emmanuel <emashmagak@gmail.com>
Closes #132 - Drop Google OAuth + AuthContext providers and the axios Bearer interceptor - Delete Login, AuthContext, useStarSession and the API-backed StarIcon - Strip the token injection from every getServerSideProps - Remove @react-oauth/google and cookies-next deps - Reimplement session bookmarks + the My Sessions filter fully client-side via localStorage (no backend), scoped to the live sessions page
* feat: update about page design and assets * feat: update Value component to change background color for "Build relationships" section * feat: add custom_index page with mock sponsors and update sponsor section background color
* feat: redesign sessions, speakers, about & sponsors in the new brand language Propagate the 2026 rebrand across the inner pages: - Sessions: blue header card, horizontal day-tab pills, rounded cards with colored pills + halftone dots; blue border / green hover; My Sessions + star bookmarks; live filter drawer with click-outside + Escape - Session detail: block layout — gradient speaker block (duotone photo), green session block, ( Session )/( Speaker ) labels - Speakers: header card + duotone speaker cards, equal-height grid - Feedback: redesigned self-contained modal (branded panel), route-aware (session vs event feedback) - 404/error pages reworked into the design system - About: blue intro + green story card, organizing-team duotone cards - Sponsors: hero + gradient stats card (baked stats image replaced with editable stat cards), green CTA card; retained Newton's underline + stripes - Past-events pages moved onto the shared sessions shell * feat: update session images to new SVG format and enhance session layout --------- Co-authored-by: NewtonMutugi <newtonmut197@gmail.com>
- Rename the toggle dot/line classes per component (theme-toggle, ms-toggle, save-toggle) so the nav ThemeToggle no longer inherits the SessionToggles / SaveSession styles on sessions/detail pages (fixes the misaligned toggle) - Wrap the whole session card (grid + list) in the session link; star stops propagation so bookmarking doesn't navigate; service sessions stay inert - Add a real hover lift (-translate-y) that reads in dark mode too
…layout - Add `isolation: isolate` to the accent/green cards that layer content with z-10 over an absolute background (SessionDetails, about story card, sponsors CTA, home EventTypes). Without it their inner z-10 tied with the nav's z-10 and painted over it on scroll. - Restore the redesigned session-detail shell (dropped in the #135 merge conflict): plain back link + stacked blocks in s-container, no dark strip.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds the planning docs and design assets for the 2026 home redesign / rebrand. No app code changes yet — this is the foundation PR (plan + assets) so implementation phases can branch off a shared baseline.
What's included
docs/design/REDESIGN-PLAN.md— design-language changes, section-by-section gap analysis, phased build order, decisions, and blockerspublic/images/new-design/— new logo, mascot, headline, halftone, icon, and skyline assetsdocs/design/{light,dark,combined-half}.png— full-page mockups for referenceNot included (intentionally)
docs/design/*.zip). Fonts will be self-hosted vianext/font/localduring Phase 0.Status
Draft — pending the Figma variables export (color tokens) before Phase 0 (tokens + fonts) begins.
Refs #123
🤖 Generated with Claude Code