\DESIGNSORCERY>_

TAPCLAP

Video · Light

Design System Inspiration

Tapclap — extracted via DESIGN.md

Gaming · HTML5 games

dark-theme clean typographic interactive bold geometric dark mode toggle card-based layout grid layout typographic hero

Typography

Intro Regular

Heading

Aa Aa Aa Aa

Intro Regular

Body

Aa Aa Aa Aa

Color palette

TL;DR

Tapclap utilizes a high-energy, monochrome-adjacent palette where pure white (`#ffffff`) text and borders dominate a saturated sky-blue (`#11a9e6`) background. The system is built around the **Intro Regular** typeface, used at weight 400 for both display headers and interactive labels, creating a friendly, accessible gaming aesthetic. Geometry is defined by extreme softness, specifically a **55px border radius** on primary content cards and panels. Layouts are vertically oriented with generous spacing, utilizing 2px white borders to separate game-specific artwork from the brand's primary blue surface.

Target audience

The likely target audience is gamers and developers interested in HTML5 games, seeking a platform to discover new titles or showcase their work.

Meta description

The developer of the most popular games and applications

Brand Voice

Enthusiastic, adventurous, and inviting, using sensory language to spark curiosity and play.

Positioning

Tapclap is a creator and publisher of casual mobile games that transport players to vibrant, escapist worlds. It targets a broad audience looking for relaxation, mystery, and creative fulfillment.

Voice principles

  • Exclamatory: Uses high energy and frequent exclamation points to build excitement.
  • Invitational: Relies on direct questions and calls to action to pull the player into the narrative.
  • Sensory: Employs evocative adjectives (sweet, seaside, hidden) to establish a strong sense of place.
  • Whimsical: Embraces classic genre tropes (pirate slang, dream-building) to create a sense of fun.

More SaaS/Software Product Designs

← Back to Gallery