Pages 32 Versions 8 Updated Sep 2026

Prototype Index

Interactive page prototypes for the National Play platform. The v8 release is the current design direction; earlier releases are kept below for reference.

v8

Current release

New after-login tournament player and updated before-login demo, alongside five profile screens, two promotions layouts, live casino, unified navigation and refreshed bonus-map rewards. Frontend prototypes; API integration remains separate.

Latest Download all files (.zip)

What changed since v7

  • Profile rebuilt — Five separate responsive pages for personal info, bonuses, game history, verification and security, with real page links and compatibility redirects from the old profile tabs.
  • Account screens refined — Updated account and win artwork, a branded history date-range picker, consistent filters, simpler ID verification, and balanced payment-upload and document-guidance panels.
  • Bonus cards refreshed — Eight sharp London scenes, crown-only dice details, restrained frost and tinted borders; consistent offer buttons and links across desktop and mobile.
  • Wallet restored — Deposit and balance controls on all profile screens open the existing wallet module, including deposit, withdrawal and transaction-history views.
  • Forms and dropdowns unified — Profile, registration and wallet selects share navy-glass menus. Registration username and password each get a full desktop row; provider menus use a softer gold selection state.
  • Promos v2 (new) — An alternative promotions page reuses the profile bonus cards: eight offers in two columns and four rows on desktop, with one column on mobile. Upper navigation links both Promos v1 and Promos v2.
  • Promotions video restored — Desktop landscape and mobile portrait videos now play in both promotions heroes, retaining the still-image fallback.
  • Readable body content — Home, Casino and both promotions pages use centered, narrower desktop content with paragraphs, lists, steps and tables. Promos v2 matches the 880px Promos v1 body width; homepage feature boxes follow the introduction and a promotions section links the main offers and welcome bonus.
  • Shared content styling — Numbered steps, gold checkmarks and FAQ accordions match promo detail pages, including the chat badge beside FAQ headings. Casino copy focuses on games, themes and features.
  • Header consistency — Homepage language flags and selection styling extend to profile screens; account icons open Profile and notifications remain inactive for API integration. Desktop link spacing adapts to available room without resizing the logo or buttons.
  • Side navigation redesigned — Collapsed desktop icons use muted inactive states and one brand-yellow accent for the current section, defaulting to Casino. Casino links directly to casino.html. Live Casino gains a dealer icon, expandable game categories and the red 86 counter with a flashing dot. Chevrons align and expanded menus share a continuous navy surface. The mobile footer also uses the dealer icon and direct casino link. Try the desktop navigation demo.
  • Live Casino (new) — The casino-page layout gains a live-category dropdown beside provider and narrower search controls. Distinct category icons, combined filtering and category links cover all live games, blackjack, roulette and baccarat.
  • Daily Bonus Map polished — A narrower help dialog has colourful 3D illustrations and a support link. Claimed markers and offer previews are muted versions of the active day, with no claim CTA; future days stay locked and the legend matches.
  • After-login game demo (new) — Approved open layout with signed-in headers, unboxed tournament stats and game-first mobile view. The liquid-glass Participate CTA switches to “You are in!”; full standings, four-tab details and a prominent VPN Friendly label complete the player. Open the after-login demo.
  • Before-login demo refined — The separate before-login demo adds favourite and fullscreen controls on desktop and mobile, with a viewport-filling fallback when native fullscreen is unavailable. Open the before-login demo.
  • Brand details aligned — Show more buttons follow the gold button styling; Current tournament pills use brand yellow on the homepage and tournament page.
UpdatedComponent demoDesktop Side NavigationInteractive expanded & collapsed states, section accents & live categories NewGame playerAfter-login Game DemoSigned-in player, liquid-glass CTA, standings & game-first mobile view UpdatedGame playerBefore-login Game DemoDemo play with favourite, fullscreen & welcome-bonus controls UpdatedLobbyHomeNarrower guide, feature cards, promotions links & shared navigation UpdatedGamesCasinoGame-focused editorial content, filters & shared navigation NewGamesLive CasinoProvider, live category & search in one responsive toolbar UpdatedPromotionsPromos v1Original cards, restored video & structured offer guide NewPromotionsPromos v2Eight profile-style cards, video hero & matching body width UpdatedAccountPersonal InfoResponsive account details, balances & win highlights NewAccountProfile BonusesEight offer cards, My bonuses & promo-code states NewAccountGame HistoryDate-range calendar, filters & responsive history ledger NewAccountVerificationID verification entry point & payment-document upload NewAccountSecurityTwo-factor setup, password & linked-account panels UpdatedAuthLogin & Sign-up FormsBranded dropdowns & full-width username/password fields UpdatedRewardsDaily Bonus MapIllustrated help, muted claimed rewards & corrected legend UpdatedCompetitionTournamentsBrand-yellow Current pill & shared navigation IncludedLoyaltyVIP ClubTwelve royal tiers with the shared navigation updates IncludedOfferWelcome Bonus PackOffer details, claiming steps, eligibility & terms IncludedOfferHighroller BonusVIP welcome offer details & terms IncludedOfferFirst Deposit BonusFirst-deposit offer details & terms IncludedOfferDouble CashbackCashback offer details & terms IncludedOfferWeekly CashbackWeekly reward details & terms IncludedOfferLucky DayDaily reward details & terms IncludedOfferWelcome Sport BonusSports welcome offer details & terms IncludedOfferPragmatic TournamentTournament promotion details & terms IncludedTemplatePromo Item TemplateReusable promotion detail layout IncludedSupportFAQSupport questions with the shared language selector IncludedSupportContactSupport email, KYC & live-support information IncludedLegalTerms & ConditionsNumbered legal-content page IncludedTemplateDefault Content PageReusable editorial layout for information pages IncludedError403 PageGeo-restriction artwork & support route IncludedError404 PageBranded lost-page experience
v7

Previous release

Login and sign-up forms, the complete authenticated account experience, final after-login navigation and tournament hub, alongside expanded loyalty, support, legal, error and demo pages.

Superseded Download all files (.zip)

What changed since v6

  • Login and sign-up forms (new) — a responsive authentication modal covering login, account registration and password recovery, with country and currency selection, consent states and promotional artwork.
  • Profile page (new) — a complete account centre covering personal details, wallet balances, bonuses and promo codes, game history, verification, security, password management and responsive account states.
  • Final after-login navigation (new) — the approved authenticated header, balance and Deposit actions, collapsible desktop sidebar, language selector and mobile navigation are now integrated into the Profile page.
  • Tournaments page (new) — current and upcoming competitions with countdowns, prize pools, a live leaderboard, eligible games and archived tournament results.
  • VIP Club expanded — the loyalty journey now spans twelve ranks from Squire to Crown, with new layered tier art, progression thresholds, benefits and a responsive card carousel.
  • Daily Bonus Map refined — clearer locked-route styling, improved mobile node positioning and stronger reward-popup layering and polish.
  • Support and legal pages (new) — dedicated FAQ, Contact and Terms & Conditions experiences, all using the shared responsive National Play chrome.
  • 403 geo-restriction page (new) — responsive desktop and mobile artwork, clear country-access messaging and a direct support route.
  • Demo game player (new) — a responsive casino lobby and clearly labelled no-wager game experience for desktop and mobile.
  • Default content template updated — separated from Terms and simplified into a reusable editorial page for About, Privacy, Responsible Gaming and similar content.
v6

Previous release

Two brand-new loyalty pages — the VIP Club and the Daily Bonus Map — plus a redesigned promotions hero, all sharing one royal title treatment.

Superseded Download all files (.zip)

What changed since v5

  • VIP Club page (new) — a five-tier royal loyalty programme: a club-lounge hero with its own mobile art, browsable tier cards (Squire to Crown), a rank track, an icon summary strip and a full benefits table per tier, plus the members' lounge feature section.
  • Daily Bonus Map page (new) — a 31-day London bonus trail: an illustrated map with daily reward nodes (claimed / today / locked), the mascot guide, a claim modal with the day's prize, and separate desktop and mobile node layouts.
  • Promotions hero redesigned — the hub hero is now centre-composed with the new royal title treatment and a subtitle over a brightened cash-cannon scene.
  • One shared title language — Promotions, VIP Club and the Bonus Map all use the same crown-and-hairline title mark, gold display H1 and subtitle, with the breadcrumb separated from the heading.
  • Content & error templates (new) — a reusable default content page (terms, privacy, responsible gambling…) and a branded 404 error page, both built on the shared chrome and royal styling.
  • Refined active side-nav — the selected sidebar item now uses a minimal gold accent (faint tint, gold icon, white label) in place of the solid gold pill and per-item colours, consistently across the expanded rail, collapsed icons and mobile drawer. See the interactive demo.
v5

Previous release

A full promotions experience — a promotions hub, single-promo landing pages and a refined lobby search.

Superseded Download all files (.zip)

What changed since v4

  • Promotions page — a full promotions hub on the casino chrome: a full-bleed video hero (the crowned-lion cash-cannon scene, an optimised MP4 with an image fallback plus a separate portrait video on mobile) over liquid-glass offer cards that reuse the exact casino-slider offers. Several layouts were explored before this one; now part of the CMS build.
  • Promo detail pages — the "More info" destination for a single promotion: an offer hero, how-to-claim steps, an eligibility checklist and the full terms in the casino FAQ accordion style, beside a floating Key Facts card, on the site's real side-nav, header and footer. Eight live variants, one per promotion.
  • Shared promo artwork & new slider art — the casino hero slider was re-skinned with new promo-specific London scenes (one per promotion), and each promo's slide art is reused as the hero on its own detail page, so slider and landing stay consistent.
  • Breadcrumbs act as the H1 — on the promotions hub and every promo page the page's main heading lives in the breadcrumb's active item for SEO, replacing standalone titles and eyebrows, with no visual change to the pages.
  • Lobby search (the magnifying glass) — the Search tab in the game-category strip reveals and focuses the lobby search on click. It lights up while open, hides whichever category was active, and restores that category when you close it again.
  • Search behaves per page — on the Casino lobby the search bar shows by default on desktop and the magnifying glass folds it away (tap again to bring it back), while on mobile it stays hidden until tapped. On the Home lobby it is hidden by default on every device and only appears on click.
  • Mobile parity — the promo cards' mobile sizing, spacing and CTA are matched to the homepage hero exactly, and the banner art scales edge-to-edge.

The eight individual promo pages

v4

Previous release

Cinematic casino promo slider, living game lobby and a CMS-ready codebase.

Superseded Download all files (.zip)

What changed since v3

  • New casino hero — single-slide promo slider with cinematic AI scene art, floating glass console, per-promo offers and CTAs, radio-dot navigation.
  • Homepage video hero refined — Welcome Package console reworked (glass, lockup, white payment strip), full-bleed scene behind the floating header.
  • Living game lobby — 13 idle effects plus 4 label treatments (Exclusive, Fan Favourite, VIP Pick, Trending) across both pages, with strict placement rules.
  • Search category tab — new icon in the game categories that reveals and focuses the lobby search on tap/click, on both pages.
  • Casino FAQ + SEO — glass FAQ block with structured data, proper H1s, per-page meta titles and descriptions, favicon.
  • CMS-ready architecture — shared master.css / master.js plus per-page files, design tokens, 200+ dead rules pruned, hash-versioned assets.
  • Optimized media — full webp asset tree (roughly 58% lighter) and a brand-new hero image set sized for the slider.
  • Polish throughout — sidebar nav order, gold Load More pill, unified section rhythm, mobile hero and card tuning.
v3

Previous release

Production-ready dark theme — video hero home with Live Casino & Sports, and a full casino lobby with carousel hero.

Superseded
v2

Previous redesign

Restructured sidebar navigation, sticky header, unified CTA system and refreshed payment strip.

Superseded
v1

Original version

The initial prototype, retained for comparison with the redesign.

Archived