# Buttons and Marks

The system provides several Gluwa button types and styles you can use in your app or website. In contrast to the Gluwa buttons, you use the Gluwa mark to communicate the availability of Gluwa as a payment option.

Don't create your own Gluwa button design or attempt to mimic the system-provided button designs.

## Button

Gluwa button let users know they can initiate Gluwa payment. Gluwa designed several types of buttons so that you can choose the button type that fits best with the design of your purchase experience.

{% file src="/files/-MXWX\_-hkKpPZkbdwIPx" %}

### Button Types

#### Gluwa Blue

Use on white or very light-colored backgrounds that provide sufficient contrast. Don’t use on black or dark backgrounds.

![Gluwa Blue](/files/-MXW4kk8g3EdPa2dpaIX)

#### Gluwa Navy

Use on white or light-colored backgrounds that provide sufficient contrast. Don’t use on black or dark backgrounds.

![Gluwa Navy](/files/-MXW4yGLqKi_6GcBW6VW)

#### White with Outline

Use on white or light-colored backgrounds that don’t provide sufficient contrast. Don’t place on dark or saturated backgrounds.

![](/files/-MXW5agRjY8QDmZuIune)

#### White

Use on dark or colored backgrounds that provide sufficient contrast.

![White](/files/-MXW58FuIiLODJTE3bfd)

## Mark

Use the Gluwa mark graphic to show that Gluwa is an available payment option when showing other payment options in a similar manner. The Gluwa mark is not a button; if you need a Gluwa button, choose one of the buttons described in [Button Types](/design/buttons-and-marks.md#button-types).

{% file src="/files/-MXW7FUV7JIzZUWaadHg" %}

![](/files/-MXWWlvrtjoLrMf8oiAC)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.gluwa.com/design/buttons-and-marks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.