Tramlines

The desktop homepage features a large hero image of a singer performing into a microphone against a dark background. A green navigation bar at the top contains the Tramlines logo, links for '2027 Tickets', 'Line Up', 'Merch', and 'Explore', and details about the festival location and dates.The mobile version displays a simplified green header with the Tramlines logo and a yellow hamburger menu icon. At the bottom of the screen, two large, prominent buttons for '2027 Tickets' and 'Line Up' are stacked horizontally for easy thumb access.

Tramlines is the digital home for Sheffield's premier inner-city music festival, designed to capture the raw, high-energy essence of a live summer event. The website serves as a central hub for festival-goers to secure tickets, explore diverse lineups, and purchase official merchandise. Its primary purpose is to convert excitement into action through a seamless, mobile-first user experience that prioritizes essential information like dates and artist rosters. The visual identity is unapologetically bold and high-octane, utilizing a maximalist color palette of electric green, hot pink, and deep orange. The design leans heavily into a contemporary festival aesthetic, combining heavy typographic hierarchies with grainy, immersive photography that places the user directly in the crowd. It targets a young, music-loving demographic that responds to vibrant, non-conformist branding and a sense of community-driven energy.

Design

Typefaces
Pages
Colors
Buckets
Palette
#1A1D13
#E45746
#0546A2
#033171
#F4EDD0
#1D9E50

Technology

Analytics
  • Cloudflare Browser Insights
  • Facebook Pixel
  • Google Analytics
  • Hotjar
CDN
  • cdnjs
  • Cloudflare
  • Google Hosted Libraries
  • jsDelivr
  • Unpkg
Cookie compliance
  • Cookiebot
Databases
  • MySQL
Font scripts
JavaScript libraries
Miscellaneous
  • HTTP/3
Performance
Programming languages
RUM
  • Cloudflare Browser Insights
Security
  • HSTS
Tag managers
  • Google Tag Manager
Uncategorized
  • CookieBAR
WordPress plugins
Pagespeed
Desktop
33
Performance
84
Accessibility
96
Best Practices
77
SEO
Mobile
28
Performance
84
Accessibility
96
Best Practices
77
SEO
Related websites
Advertisement

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request. Privacy Policy.