DEV-TOOLSJuly 20, 20261 min read

Stolen Buttons: How Web UI Elements Become Digital Art

The 'Stolen Buttons' project curates hundreds of Call-to-Action (CTA) buttons from global digital products, offering unique insights into modern UI/UX design trends.

Exploring "Stolen Buttons": A Fresh Perspective on Web User Interfaces

In the digital era, UI buttons are more than mere interactive elements; they reflect design philosophy and user experience (UX) strategies. The unique design showcase titled "Stolen Buttons", curated by designer Anatoly Zenkov, captures and displays hundreds of Call-to-Action (CTA) buttons gathered from websites across the globe.

The Significance of UI Buttons in UX/UI Design

Everyday interactive elements like "Sign Up", "Shop Now", "Connect with Google", and "Start Free Trial" guide users seamlessly through digital products. Despite their compact footprint, each button undergoes rigorous optimization regarding:

Color & Contrast: Engineered to draw immediate visual focus.
Actionable Microcopy: Concise wording tailored to maximize conversion rates.
Multilingual Localization: Spanning English, German ("Loslegen", "Anmelden"), Swedish, and Chinese ("每日分享").

A Diverse Collection from Global Digital Platforms

The "Stolen Buttons" collection features UI components across various technology sectors:

Authentication & Onboarding: Social login prompts and free trial registrations.
E-Commerce CTAs: Add-to-cart triggers, promotional bundle purchases, and checkout actions.
SaaS Subscriptions: Conversion prompts like "Upgrade to Plus", "Go Premium", and "1 Month Trial".

Key Takeaways for Product Designers

Beyond its artistic curation, the project offers valuable insights for digital product teams analyzing conversion rate optimization (CRO) and modern micro-interaction trends.

Source: Hacker News

More in this category

dev-tools

Systems and Delays

Delays in complex systems often behave counterintuitively. Using a car dealership inventory model from 'Thinking in Systems', this post demonstrates why responding too quickly can cause wild oscillations and how longer response delays can actually bring stability.

dev-tools

The new rules of context engineering for Claude 5 generation models

Anthropic reveals new context engineering principles for Claude 5 generation models, showing how removing over 80% of Claude Code's system prompt unlocks better model judgment and efficiency.

dev-tools

The growing vigilante movement to knock out Flock surveillance cameras

Across the US, a growing movement of vigilantes is taking down Flock Safety surveillance cameras, highlighting deep concerns over mass surveillance and privacy violations.

dev-tools

Bringing PyTorch Monarch to AMD GPUs

PyTorch Monarch has been ported to AMD Instinct GPUs with ROCm, enabling elastic, fault-tolerant distributed LLM training beyond CUDA environments.

dev-tools

Android May Soon Restrict On-Device ADB

Google is considering restricting On-Device ADB connections to mitigate security risks. However, this proposed change could impact open-source tools and power-user applications like Shizuku.

dev-tools

ARC-AGI Leaderboard

ARC-AGI-3 evaluates AI agents' real-time adaptability in interactive environments, highlighting the key relationship between compute cost and reasoning performance.