# Shape

For now, the type (`rectangle` (with/without rounded corners), `circle`, `triangle`, `blob cross`, `half cicle`, `cloud`, `pentagon`, `right triangle`, `starts`, `arrow`, `heart`, `hexagon,` `trapeze,` `hexagram`, `rhombus`, `parallelogram` and `squircle`) of the shape can only be selected on the design side.

#### Available properties:

| Property                                                                                                                                                                                                   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`background_color`**                                                                                                                                                                                     | <p>2 filling modes are available:</p><ul><li><p><code>Monochrome</code>:  String: 6-8digits hexadecimal color </p><p><a href="../root#image-background">Go to Monochrome Color documentation</a></p></li><li><code>Linear gradient</code><br><a href="../root#linear-gradient">Go to Linear Gradient documentation</a><br></li><li><code>Cmyka</code>:  String started with cmyka (only for print)<br><a href="../root#cmyka">Go to Linear Cmyka documentation</a></li></ul> |
| <p><strong><code>pattern\_name</code></strong><br><strong><code>pattern\_color</code></strong></p>                                                                                                         | [Go to Pattern documentation](#pattern)                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| <p><strong><code>stroke\_width</code></strong><br><strong><code>stroke\_color</code></strong></p>                                                                                                          | [Go to Stroke documentation](https://developers.abyssale.com/rest-api/generation/text#stroke)                                                                                                                                                                                                                                                                                                                                                                                |
| <p><strong><code>shadow\_color</code></strong><br><strong><code>shadow\_blur</code></strong><br><strong><code>shadow\_offset\_x</code></strong><br><strong><code>shadow\_offset\_y</code></strong><br></p> | [Go to Shadow documentation](https://developers.abyssale.com/rest-api/generation/element-properties/..#shadow)                                                                                                                                                                                                                                                                                                                                                               |

## Pattern&#x20;

A pattern can be added to the image by using both the `pattern_name` & `pattern_color` properties.

* **`pattern_name`**: String. The type of pattern to be applied. Look at the list below.
* **`pattern_color`**: String. 6-8 digits hexa color.

*List of pattern names*:

|                                                                                                                                                                                                                                                                                               |                                                                                                                                                                                                                                                                                                |                                                                                                                                                                                                                                                                                        |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|      <p>bubbles</p><p><img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2F85Msu2WTRUvBiO2bexKf%2Fshape-pattern-bubbles-0ddb091c.jpg?alt=media&#x26;token=0fc8cf8c-dd8f-4680-8b27-2b200fd44bd5" alt=""></p>      |          <p>cage</p><p><img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FFQR5L2UdYL4Eh7VwNatb%2Fshape-pattern-cage-c7f563e1.jpg?alt=media&#x26;token=aad83353-b9ee-4fca-9ca2-d90c78510f0b" alt=""></p>         |    <p>cross</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FCYU96IWsvm5IJNHbPmIg%2Fshape-pattern-cross-dba16af6.jpg?alt=media&#x26;token=6fa44a90-440a-4a41-b4a4-a0c6e3f6c379" alt=""></p>    |
| <p>doubleCircle</p><p><img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FZOedWQHs34cajQGzZZTp%2Fshape-pattern-doubleCircle-cabe4cfb.jpg?alt=media&#x26;token=1b8aebaa-3393-44d1-99d6-833094434f5b" alt=""></p> |        <p>drops</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FmFqiFSnVPtmG3gaiVlEV%2Fshape-pattern-drops-03849cd5.jpg?alt=media&#x26;token=a59fcec3-91b6-4663-9518-51015a520373" alt=""></p>        |   <p>parkay</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FMO9yZdW9rw2ONSn4UeOc%2Fshape-pattern-parkay-77b06128.jpg?alt=media&#x26;token=9b82d137-62f4-4a91-9824-33f7199f7e6d" alt=""></p>   |
|        <p>pills</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2F2zJK5xsCnHZCxL4eTECs%2Fshape-pattern-pills-cf5a9c3a.jpg?alt=media&#x26;token=37ff9a63-7007-4ac0-be4e-2cd88707a0a0" alt=""></p>       |         <p>plus</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2Fy5yYyBnKGJIuJ6ZjiLwV%2Fshape-pattern-plus-9236b376.jpg?alt=media&#x26;token=6c5c1b47-6f85-476c-a333-5dd29f42ef94" alt=""></p>         |     <p>star</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2Flnyd6r1Q3E15U2mF2kam%2Fshape-pattern-star-38007c07.jpg?alt=media&#x26;token=4d85a15a-d76c-4632-9970-31bd28582cdd" alt=""></p>     |
|       <p>ticTac</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FMaMoPVGmpgAyBphrL88z%2Fshape-pattern-ticTac-9fefe37f.jpg?alt=media&#x26;token=cf02c0ac-6f7c-4a57-a8cd-559a7e271a03" alt=""></p>      | <p>ticTacFilled</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FlR2Hl8uC9aRLXrDlx731%2Fshape-pattern-ticTacFilled-078feaad.jpg?alt=media&#x26;token=50f9f288-23d8-4e8e-8e62-4c3a05dd0f9b" alt=""></p> | <p>triangle</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FbzxlMLHqvHeOzdAsl4Os%2Fshape-pattern-triangle-3fff6545.jpg?alt=media&#x26;token=6b584bcd-a106-4580-8b41-6edb63d8c0eb" alt=""></p> |
|       <p>wiggle</p><p> <img src="https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FO9ks0rd7KCPxe5CsLAgA%2Fshape-pattern-wiggle-5976c78f.jpg?alt=media&#x26;token=8b6b7a48-4b63-45db-867b-db07eec0a48e" alt=""></p>      |                                                                                                                                                                                                                                                                                                |                                                                                                                                                                                                                                                                                        |

#### Example

| <p><code>"background\_color": "#1A47FF",</code><br><code>"pattern\_name": "ticTacFilled",</code><br><code>"pattern\_color": "#FFFFFF1A"</code><br></p> | ![](https://3568284716-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvY8mOYKzvcoxVpCu4FE%2Fuploads%2FERy8lXxElUk4zmS4FEq7%2Fshape-074d7109.jpeg?alt=media\&token=cbea9b60-c6f8-4089-8f0f-9f2f6b711c66) |
| ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

\ <br>