Game Page Layout — Overall Structure

Here's the proposed page structure top-to-bottom. Each section is labeled.

Section 1: Hero Header — Card Image + Game Info

2:3 Cover

Game Title Here

Developer · Publisher · Genre, Genre

🎮 42 Benchmarks ⚙️ 8 Presets 💬 15 Comments Metascore: 87 $29.99

Steam ↗ ProtonDB ↗ SteamDB ↗

📊 42 benchmarks 📋 3 game versions ✅ 12 verified entries 🕐 Last updated 2 days ago

Section 2: Overview — Description + Details

About

Game description text goes here. This is the Steam short description that gets synced from the store page. It provides context about what the game is about...

Details

Source: Steam

AppID: 1234567

Added: Jan 15, 2026

Last Sync: 2 days ago

Section 3: Device Selector Ribbon + Fine Filters

Select Devices

✓ Steam Deck OLED

Steam Deck LCD

Steam Machine

Filters

Section 4: Statistics Dashboard (ECharts)

AVG FPS Distribution (Boxplot)

[Boxplot: Min / Q1 / Median / Q3 / Max per device]

Historical AVG FPS (Stacked Area)

[Area chart: FPS over time by proton/OS version]

FPS by Upscaler & Frame Gen

[Grouped bar: FPS by FSR version × frame gen method]

Entries per Device

[Pie/donut or bar: count per device]

Section 5: Preset Entries

Community Presets

"Best Quality" by @user1

Steam Deck OLED · ↑ 24 · 8 settings

Avg 45 FPS

"Battery Saver" by @user2

Steam Deck OLED · ↑ 18 · 6 settings

Avg 60 FPS