Lightweight

# Build a Dark Theme Performance Website with Technical Aesthetic

Create a full-screen dark website with a technical/engineering aesthetic featuring a large bicycle wheel as the central hero element.

## Layout Structure
- Full viewport height layout with dark background (#1a1a1a to #0d0d0d gradient)
- Fixed header navigation bar at top
- Centered hero content area
- Large circular technical diagram as main visual element
- Side navigation elements positioned absolutely

## Header Navigation
- Horizontal navigation bar with black semi-transparent background
- Left: Italic "Lightweight" brand name in white
- Center: Five navigation items in uppercase sans-serif font (WHEELS, HPC COCKPIT, ABOUT US, DEALER, SERVICE)
- Right: Search input with magnifying glass icon
- All navigation text in clean, medium-weight sans-serif at 14px
- Hover states with subtle opacity changes

## Hero Section
- Centered content with "WELCOME" small label above main heading
- Large heading "THE EVOLUTION OF PERFORMANCE" in bold sans-serif, white text, 48px+
- "LEARN MORE" button below with dark border and white text, rounded corners
- All text center-aligned with generous vertical spacing

## Central Technical Diagram
- Large bicycle wheel illustration (600px+ diameter) as main focal point
- Detailed spoke pattern with precise geometric lines
- Subtle grid overlay pattern across entire background
- "Lightweight" brand name positioned above the wheel in italic font
- Crosshair/targeting elements at cardinal points around the design
- Wheel rendered in dark gray tones with subtle gradients and shadows

## Side Navigation Elements
- Left side: Vertical list with "PHILOSOPHY" and "CRAFT" labels
- Right side: "INNOVATION" with "03" numbering
- Small "+" expand indicators next to each section
- Positioned with absolute positioning, small sans-serif font
- Subtle opacity and minimal visual weight

## Color Palette
- Primary background: #0d0d0d to #1a1a1a gradient
- Text primary: #ffffff
- Text secondary: #cccccc  
- Accent lines: #333333
- Button borders: #666666
- Grid overlay: #222222 with low opacity

## Typography
- Primary font: Clean sans-serif (Helvetica, Arial, or similar)
- Brand name: Italic variant of primary font
- Headings: Bold weight, generous letter spacing
- Body text: Regular weight, good readability
- Labels: Uppercase with wide letter spacing

## Responsive Behavior
- Scale wheel diagram proportionally on smaller screens
- Stack navigation items vertically on mobile
- Maintain central alignment and generous whitespace
- Preserve technical aesthetic across all breakpoints

## Technical Details
- Subtle animation potential for wheel rotation
- Crosshair elements suggest precision/targeting theme
- Grid pattern should be barely visible, adding texture without distraction
- High contrast ratios for accessibility while maintaining dark theme

The overall aesthetic should feel premium, technical, and performance-oriented with clean geometric elements and sophisticated typography hierarchy.

Copy this prompt and paste it into your AI coding assistant to build this design.