---
title: "Interface: IBasePrintAreaDefinition | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IBasePrintAreaDefinition/"
---

# Interface: IBasePrintAreaDefinition

> A structure representing basic print area features.

## Example

``` js
const productDefinition = {
  surfaces: [{
      printAreas: [{
          designFile: "texture",
          containers: [
              {
                  name: "foil",
                  type: "texture",
                  texture: "texture.jpg"
              },
              {
                  name: "spot",
                  type: "spotColor",
                  previewColor: "rgba(255,255,0,1)"
              }
          ],
          bleed: {
              top: 20, bottom: 20, left: 20, right: 20
          },
          slug: {
              top: 20, bottom: 20, left: 20, right: 20
          }
      }]
  }]
};
```

## Extends

- [`IModelComponent`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IModelComponent.md)

## Extended by

- [`IPrintAreaDefinition`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IPrintAreaDefinition.md)
- [`IPrintAreaTemplate`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IPrintAreaTemplate.md)

## Properties

### name?

> `optional` **name?**: `string`

A name of a surface (a page) in the product.

#### Remarks

In multipage products, it allows you to use a name mask for product surfaces. If this string contains the `{0}` placeholder, it will be replaced with a page number, starting from `1`. For example, `name: "Page {0}"` specifies the following page captions in the Bottom toolbar: `Page 1`, `Page 2`, and so on.

#### Inherited from

[`IModelComponent`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IModelComponent.md).[`name`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IModelComponent.md#name)

***

### safetyLines?

> `optional` **safetyLines?**: [`ISafetyLine`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.ISafetyLine.md)[]

A collection of safety lines defined in the print area.

***

### cropMarks?

> `optional` **cropMarks?**: [`ICropMark`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.ICropMark.md)[]

A collection of crop marks defined in the print area.

***

### containers?

> `optional` **containers?**: [`IChannelContainerDefinition`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IChannelContainerDefinition.md)[]

A collection of texture and spot color containers defined in the print area.

#### Remarks

For backward compatibility only!

***

### bleed?

> `optional` **bleed?**: `IMargin`

Margins of the bleed area.

***

### slug?

> `optional` **slug?**: `IMargin`

Margins of the slug area. The editor expands the product boundaries to accommodate the slug area.

***

### hiResOutput?

> `optional` **hiResOutput?**: [`IHiResOutput`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IHiResOutput.md)

Properties of the hi-res output defined in the print area.