UI

What are we talking about when we talk about Swiper? Well, it’s usually our product. Here’s how to show the user interface in the best light

Highlights
  • The key highlight of the Swiper application is its intuitive swipe gesture feature. Users can easily navigate through the app by swiping left or right to choose their preferred team for betting.
  • The dark background allows the neon colors used for important elements, such as team logos, betting options, and notifications, to stand out vibrantly. This combination of dark and neon colors creates a visually captivating and engaging interface that captures the user's attention.
Designing for UI screens

Across landing pages, social posts, videos, decks and more, Swipe UI screens are used to show both how Swipe functions and how it makes work simpler, more pleasant and more productive. As such, it's incredibly important to stay accurate to our product. Please use the templates and resources we’ve provided on this page.

Universal design elements

Source from these product elements for all UI.

Personas

When you're showing people are online on Swiper, please use our library of personas. The personas are available in both photo and illustration formats, complete with names and localized for different regions. Please don’t mix photographic and illustrative styles within a UI or create your own personas.

Emoji

Emoji are used within messages and as reactions to messages. Please use our licensed Joypixel emoji pack only to avoid any legal issues.

Product Font

When creating UI screens, use SF Pro Text for all

Usage

Don’t use other fonts for product UI

Don’t alter corner radiuses from templates