Skip to content

Latest commit

 

History

History
110 lines (80 loc) · 1.96 KB

File metadata and controls

110 lines (80 loc) · 1.96 KB

Hacker House Goa 2026 — Design Direction

Primary Reference

The primary homepage visual reference is:

public/reference/main-page-reference.png

This image is the source of truth for the homepage visual direction.

Event

Hacker House Goa 2026

Location: Goa, India

Dates: 28–31 October 2026

Brand: 2:47 PM Studio

Visual Direction

The website should feel like a premium creative event microsite rather than a conventional SaaS website.

Core characteristics:

  • Goa
  • tropical
  • editorial
  • handcrafted
  • retro
  • youthful
  • technical
  • Indian
  • playful
  • premium
  • experimental

Main Color Direction

Deep green Goa green Warm cream Bright yellow Hot pink Dark forest text

Homepage Hero

The approved homepage contains:

  • 2:47 PM STUDIO at top-left
  • CHECK HYPE at top-right
  • APPLY button at top-right
  • large HACKER HOUSE typography
  • Goa Hindi wordmark element
  • CODE • CREATE • CONNECT • REPEAT
  • 28–31 OCT 2026
  • GOA, INDIA
  • illustrated Goa beach environment
  • sunset
  • palm trees
  • Goan house
  • beach hut
  • surfboards
  • scooter
  • directional signs
  • tropical vegetation

Important

Do not redesign the homepage into a generic SaaS landing page.

Do not use:

  • generic gradients
  • glassmorphism
  • generic cards
  • generic AI landing-page layouts
  • excessive rounded cards
  • stock photography
  • generic illustrations

The reference image should guide the composition, visual hierarchy, typography, color palette and overall atmosphere.

The implementation should be original code and should not blindly trace or copy another website.

Responsive Direction

Desktop should preserve the editorial composition.

Tablet and mobile should intentionally rearrange the composition rather than simply scaling the desktop layout down.

Development Strategy

Build progressively:

  1. Project analysis
  2. Homepage structure
  3. Visual styling
  4. Responsive layout
  5. Animation
  6. PFP generator
  7. Builder ID card generator
  8. Personalization
  9. Download/share
  10. Final QA