Redesign global background from cyber grid to subtle technical drafting treatment

[Copilot]

Replaces the current uniform glowing-style grid with a restrained, handcrafted engineering-drawing background that better matches a real student robotics club identity. The new treatment stays dark, sparse, and unobtrusive so content and robotics imagery remain primary.

• Background system overhaul (app/globals.css)

  • Reworked .grid-bg from a repeating 20px grid into a layered background composition.
  • Added a near-black graphite base (#0a0d10) and isolated background rendering using pseudo-elements.

• Irregular technical drafting layer

  • Introduced sparse, asymmetric construction lines and partial grid segments (non-uniform placement and density).
  • Added subtle drafting marks: coordinate-style crosses, measurement ticks, thin reference lines, and tiny labels (RN-26, SYSTEM 01, ROBOTICS, etc.).
  • Technical marks intentionally fade/discontinue across the canvas instead of forming a full-page repeating pattern.

• Accent and texture constraints

  • Limited #3FCCFC to a few low-intensity micro-accents on technical markings only.
  • Added low-contrast grain/noise texture for depth without introducing glow, HUD effects, particles, gradients, or cyberpunk styling.

.grid-bg {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #0a0d10;
}

.grid-bg::before { /* sparse technical linework + labels */ }
.grid-bg::after  { /* subtle grain texture */ }

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
rn-website	Ready	Preview	Aug 21, 2026 5:00pm

[Copilot]

Pull request overview

This PR redesigns the site-wide .grid-bg background treatment, replacing the previous uniform repeating grid with a darker, sparser “technical drafting” composition plus subtle grain—intended to keep content/robotics imagery visually primary.

Changes:

• Reworked .grid-bg to use position/isolation and render background layers via ::before (drafting marks) and ::after (grain).
• Added two non-repeating SVG-based drafting overlays with subtle cyan micro-accents and small labels.
• Added a repeated low-contrast noise texture layer for depth.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.