Pixel Arcade

Insert coin to start. Arcade is a pixel-art portfolio template for developers, built like a retro arcade cabinet: chunky pixel type, cut-corner cards with hard shadows, CRT scanlines and a live HUD that scores your visitor's scroll.

Everything is driven by styles and the CMS, so you can make it yours without touching code.

FEATURES

- Arcade boot screen: spinning coin, stepped loading bar and PRESS START (once per visit, skippable)

- Live HUD: SCORE counts up, LEVEL climbs and LIVES show as pixel hearts as visitors scroll

- Achievement toasts that pop in as each new level is reached

- Stepped animations: reveals, skill bar fills and button presses move in hard pixel steps and replay on scroll

- CRT scanline and vignette overlay, plus a pixel sprite that walks along the bottom of the screen

- Custom pixel scrollbar

- Respects reduced motion: effects switch off for visitors who prefer it

CMS

- Projects: cartridge-style cards with pixel thumbnails, tech chips and a full case study page for each project

- Services: icon cards with colored pixel badges

- Skills: segmented stat bars set by a simple percentage

PAGES

- Home (Hero, About, Skills, Projects, Services, Contact)

- Project detail page (CMS)

- 404 "Game Over" page

- Built-in guide page with step-by-step instructions

DETAILS

- Fully responsive for desktop, tablet and phone

- 8 color styles and pixel-perfect text styles (Press Start 2P, Silkscreen, VT323, all free Google Fonts)

- Reusable components: Pixel Button (4 variants), Chip, Site HUD, Site Footer

- Every effect has editable settings in the right panel

- Original pixel art, icons and portrait included