Sober design pass across the public site and admin chrome

[djoufson]

Summary

Site-wide visual refresh following a "sober, minimalist, professional" direction. Keeps the existing brand colors and typography, removes decorative motion (animate-bounce, hover translate, scale on icons, the banner shine), increases vertical whitespace, and standardizes a few patterns so every page now reads in the same visual language.

Design language now in place

• .eyebrow utility (small uppercase tracked label with a leading rule) replaces the loud bg-primary/10 rounded-full pill section badges that were on every page.
• Container rhythm unified: container mx-auto px-6 lg:px-8 py-24 lg:py-32 on marketing-style sections.
• Card hover is a border-color shift, no longer hover:shadow-xl or hover:-translate-y-1.
• Hero overlays simplified to a single gradient layer; the bg-fixed parallax dropped from Home.
• Form inputs share a soft pattern: bg-gray-50/70 + focus:border-secondary focus:bg-white focus:ring-2 focus:ring-secondary/15.
• Motion: only smooth 150–300ms hover/focus and color/border transitions. No animate-bounce, decorative pings, hover translate, scale-110 on icons, or shine sweeps.

Per-page highlights

• Home — calmer hero (single gradient, 6xl heading with tracking-tight), restrained <dl> stats with hairline divider, partners as a hairline grid, projects with quiet tech tags.
• About — story section with stat dl groups, mission/values/founders unified on the sober card pattern, decorative bg squares removed.
• Events — page header consistent with Home, upcoming events as a 2-col card grid, past events as a divided-row list; replaced the elaborate event-card hover overlay pattern.
• Jobs/Index — slimmer hero with inline "Post a job" CTA, cleaner filters with chips, segmented grid/list toggle, "How It Works" reduced to two numbered lists. Dropped the gradient CTA banner with decorative circles.
• Jobs/Details — 2:1 layout with sticky sidebar (Apply / Share / Company cards), eyebrow section labels, check-mark bullet lists.
• Jobs/Submit + Contact — consistent soft input pattern, fieldset legends use .eyebrow, restrained success/error states, Contact gains a <details> FAQ.
• Error + Login — minimal centered Error. Login becomes a clean split-screen with a dark-purple side panel (subtle gradient over a background image) and icon-prefixed inputs.

Footer

"Designed by Lagence YOP" is now scoped to /dotnet-conf-2025 only — it no longer appears on the rest of the site.

Admin panel

• Loaded Lexend / Noto Sans / Space Grotesk via Google Fonts in admin/index.html. These were referenced in CSS but never fetched, so the panel was silently falling back to system-ui.
• Scoped the global font-family from *, ::before, ::after, ... to html, then added input, select, textarea, button { font: inherit; } so form controls pick up Lexend.
• Added the same .eyebrow utility to the admin tokens.
• AdminHeader is now sticky (top-0 z-10 with backdrop-blur-sm) and renders a route-derived page title on the left.

What was deliberately not touched

• src/app/Components/Pages/NET.Conf/Year2024/ and Year2025/ — read-only archived event pages.
• EventForm.tsx in the admin — already functional; the activity modal and partner picker flows weren't worth the regression risk for a visual pass.

Test plan

• Home, About, Events, Jobs (Index + Details + Submit), Contact, Error, Login all render correctly in both en-US and fr-FR
• All hover/focus states on cards and buttons feel subtle (no jumpy translates, no decorative bounces)
• Footer shows the "Designed by" credit on /dotnet-conf-2025 and only there
• Banner stack still pins below the navbar correctly when scrolled past the threshold (regression check from the earlier banner work)
• Admin panel: hard-refresh, verify body uses Lexend and headings use Space Grotesk, inputs/selects share the same font as the rest of the page
• Admin header shows the route name (Dashboard / Events / Partners / Banners / Applications) and stays pinned when scrolling long list pages
• No console errors, no broken icons (Phosphor + FontAwesome both render)

🤖 Generated with Claude Code