> For the complete documentation index, see [llms.txt](https://docs.flowty.io/developer-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flowty.io/developer-docs/nft-metadata-standard/display.md).

# Display

How should platforms show this NFT?

The [Display metadata view](https://github.com/onflow/flow-nft/blob/461524168b50d015fffec23f33bba5adabdbe791/contracts/MetadataViews.cdc#L94) tells Flowty how to show an NFT. Display provides specifications for NFT cards, asset detail pages, and activity pages. 

NFT cards make use of **name** and **thumbnail** from the Display view:

<figure><img src="https://1110140566-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYhIgoCq3USH1in8LHiq2%2Fuploads%2Fcff5JRt2F1fNcA26l6wE%2FDisplay.png?alt=media&amp;token=eb511041-72e9-453b-8ece-f82cf92a911a" alt=""><figcaption><p>Example NFT card (<a href="https://github.com/Flowtyio/avataaars">Avataaars</a>)</p></figcaption></figure>

{% tabs %}
{% tab title="Sample" %}

```
pub resource NFT: NonFungibleToken.INFT, MetadataViews.Resolver {
    // ...

    pub fun resolveView(_ view: Type): AnyStruct? {
        switch view {
            case Type<MetadataViews.Display>():
                return MetadataViews.Display(
                    name: "Avataaars #".concat(self.id.toString()),
                    description: "This is a procedurally generated avatar! You can learn more about it here: https://avataaars.com/",
                    thumbnail: MetadataViews.HTTPFile(
                        url: Avataaars.imageBaseURL.concat(self.id.toString())
                    )
                )
            // truncated other metadata views...
    
        }
        return nil
    }
    
    // ...
}
```

{% endtab %}

{% tab title="Definition" %}

```
/// Display is a basic view that includes the name, description and
/// thumbnail for an object. Most objects should implement this view.
///
pub struct Display {

    /// The name of the object.
    ///
    /// This field will be displayed in lists and therefore should
    /// be short an concise.
    ///
    pub let name: String

    /// A written description of the object.
    ///
    /// This field will be displayed in a detailed view of the object,
    /// so can be more verbose (e.g. a paragraph instead of a single line).
    ///
    pub let description: String

    /// A small thumbnail representation of the object.
    ///
    /// This field should be a web-friendly file (i.e JPEG, PNG)
    /// that can be displayed in lists, link previews, etc.
    ///
    pub let thumbnail: AnyStruct{File}

    // init truncated
}
```

{% endtab %}
{% endtabs %}