> **Description:** Brand and design guidelines for implementing Vipps MobilePay payment buttons, logos, and visual elements in your applications.

# Brand guidelines

When working with our brand, it's important to get the details just right. We have dedicated guidelines for both Vipps and MobilePay, alongside a set of shared principles.

**All brand assets, logos, buttons, and design guidelines are available at:**

[Official Vipps MobilePay brand guidelines](https://brand.vippsmobilepay.com/document/61#/branding/online)

The official brand site includes downloadable button images, logos, color specifications, and complete usage guidelines.

## What are you building?

Choose the right approach for your project:

### Building a website or hybrid app?

Use our JavaScript libraries to dynamically generate buttons and badges that are always up-to-date with our brand guidelines:

* [**Button generator**](https://developer.vippsmobilepay.com/docs/knowledge-base/buttons.md) - Interactive payment buttons for your checkout flow
* [**Badge generator**](https://developer.vippsmobilepay.com/docs/knowledge-base/on-site-messaging.md) - Trust badges to display payment acceptance

**Best for:** Websites, PWAs, and hybrid mobile apps (Cordova, Ionic, React Native with WebView).

### Need assets?

**Figma users:** We offer official button component libraries:

* [MobilePay buttons in Figma](https://www.figma.com/community/file/1250431799379824434/mobilepay-buttons-logo-and-mark) (requires Figma account)
* [Vipps buttons in Figma](https://www.figma.com/community/file/1240264703803071832/vipps-buttons-logo-and-mark) (requires Figma account)

**Download static assets directly:**

* [Buttons and assets](https://brand.vippsmobilepay.com/document/94)

> **Full site overview:** For every page in this documentation, read [https://developer.vippsmobilepay.com/llms.txt](https://developer.vippsmobilepay.com/llms.txt).