1win

Difficulty:
Industry
1win Effect Preview

Effect Preview

Design Tokens

Key tokens derived from official brand references and this style's prompt. Copy them or pair with the DESIGN.md below.

Colors

  • primaryBrand

    Primary actions & highlights

  • on-primaryDerived

    Text on primary

  • secondaryDerived

    Chips, badges & soft emphasis

  • on-secondaryDerived

    Text on secondary

  • neutralPrompt

    Page canvas

  • on-neutralDerived

    Text on canvas

  • surfaceDerived

    Cards, panels & elevated containers

  • on-surfaceDerived

    Text on surface

  • borderDerived

    Borders & dividers

Radius & Shapes

Prompt
sm · 8px
md · 16px
lg · 24px
full

Spacing

Prompt
  • sm8px
  • md12px
  • lg24px

Elevation

Prompt

Depth is expressed through soft, low-contrast shadows.

Typography

Prompt
  • Ag

    Headings 32px · bold

    Inter

  • Ag

    Body 16px · regular

    Inter

  • Ag

    Labels 13px · medium

    Inter

On a near-black #141415 canvas, 1win packs a crypto casino and sportsbook into an app-like shell: Inter appears only at 600 and 800, green #00b24b owns registration and place-bet, electric blue #0075ff handles login, links and live odds highlights, and every structural edge comes from the #2e3035 surface ladder and faint hairlines. A fixed icon rail and horizontally scrolling game rails let the artwork carry all the saturation.

1winConsumer

Prompt Template

Base Template
Design a 1win-inspired interface. - Near-black #141415 canvas with a flat #2e3035 surface ladder — depth from tone and faint hairlines, never heavy shadows; - Inter at 600 and 800 only, with 800 reserved for bonus figures and section headlines; - Two-signal actions: green #00b24b for registration and confirm, electric blue #0075ff for login, links, active tabs and live odds; - Full-bleed game tiles at 16px radius in horizontally scrolling rails, artwork supplying all saturation; - Fixed left icon rail plus docked betslip panel, 8px spacing base, 10–12px button radii. Colors: #141415, #2e3035, #00b24b, #0075ff, #f0f2f5 with #00b24b accent. Typography: Inter (600/800).

Variant Prompts

📱 Mobile
Design a mobile app with 1win aesthetics. Use 1win color identity with #00b24b accents. Compact bottom nav, edge-to-edge game carousels, and a betslip that rises as a bottom sheet.
💻 Web
Design a web application with 1win style. Use 1win color identity with #00b24b accents. Fixed icon rail, dense game rails, and a persistent right-hand betslip.
📊 Dashboard
Design a dashboard with 1win design language. Use 1win color identity with #00b24b accents. Live odds tables, balance tiles, and blue-highlighted market movement.
📄 Landing Page
Design a landing page with 1win visual identity. Use 1win color identity with #00b24b accents. Full-bleed bonus banner, green registration CTA, and a rail of game thumbnails.

Usage Examples

1win Game Lobby

Web
Build a web game lobby with 1win design language: near-black canvas, fixed left icon rail, horizontally scrolling rails of full-bleed 16px-radius tiles, and green #00b24b registration CTA.

1win Live Odds Panel

Dashboard
Create a live betting dashboard using 1win style: #2e3035 match rows, compact odds chips with blue #0075ff selected states, and a docked betslip confirming with green #00b24b.

✅ Best For

  • Crypto casino and sportsbook front ends
  • High-density game and bonus promotion hubs
  • Live odds and betslip dashboards

❌ Avoid For

  • Calm, whitespace-led brand sites
  • Products aimed at children or families

DESIGN.md File

A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.

Download