Skip to content

feat: redesign 30X website with Severance-inspired aesthetic#3

Open
bravohenry wants to merge 1 commit intomainfrom
swarm/30x-website-redesign-1772078457
Open

feat: redesign 30X website with Severance-inspired aesthetic#3
bravohenry wants to merge 1 commit intomainfrom
swarm/30x-website-redesign-1772078457

Conversation

@bravohenry
Copy link
Copy Markdown

Summary

Complete redesign of 30X.company website with a Severance/Lumor Industries-inspired aesthetic:

  • Clean, minimal design — white/cream palette with Inter font, lots of whitespace, thin border separators
  • Grayscale pixel office — embedded pixel art animation rendered in monochrome with macOS-style traffic lights
  • Smooth entrance animations — staggered fade-up reveals for hero content
  • Scroll-aware header — transparent on load, frosted glass on scroll
  • Section structure: Hero → About (3 columns) → Services (card grid) → Contact → Footer

Changes

  • webview-ui/src/index.css — complete rewrite with CSS variables, Inter font, scrollbar styling
  • webview-ui/src/Website.tsx — full redesign with HeroSection, AboutSection, ServicesSection, ContactSection
  • webview-ui/index.html — added Inter font preconnect, Open Graph meta tags, SVG favicon

Test plan

  • Build passes: npm run build in webview-ui
  • Vercel preview loads without console errors
  • Header transitions correctly on scroll
  • Pixel office renders in grayscale with traffic lights
  • Responsive on mobile (single-column services)

- Replace dark theme with clean white/cream palette and Inter font
- Minimal header with scroll-based backdrop blur
- Hero section with large headline, subline, and grayscale pixel office
- About section with numbered columns
- Services section with bordered card grid
- Contact section with centered CTA and footer
- Staggered fade-up entrance animations throughout
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant