> ## Documentation Index
> Fetch the complete documentation index at: https://docs.packagesss.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Name & Domain

> Choosing the domain and the name of your whitelabel instance.

export const GridImage = ({window, src, preview = false, img_width = 200, height = 300}) => {
  var host = preview ? '' : 'https://mintlify.s3-us-west-1.amazonaws.com/packages';
  return <div className="grid-image-bg mt-3 mb-3 flex align-items-center" style={{
    alignItems: 'center',
    justifyContent: 'center',
    position: 'relative',
    height,
    width: '100%'
  }}>

    <img src={`${host}${src}`} className={'m-0'} width={img_width} style={{
    zIndex: 2,
    width: '100%',
    maxWidth: img_width,
    border: '1px solid #ccc',
    borderRadius: 5,
    boxShadow: '5px 5px rgba(0,0,0,0.25);'
  }} />

    <div style={{
    transform: 'translateX(-50%)',
    left: '50%',
    top: 0,
    position: 'absolute',
    height: '100%',
    width: '100%',
    zIndex: 0,
    overflow: 'hidden',
    pointerEvents: 'none'
  }}>
      <img src={`${host}/images/grid-bg-trans.png`} className="m-0" />
    </div>
  </div>;
};

## Full External Domain

<GridImage src="/images/name-1.png" img_width={200} />

This is the domain where your whitelabel instance will be hosted. This is the domain that your customers will visit to access your Packages instance.

It should be an external domain, that isn't hosted on Packages. For example, `yourcompany.com` or `app.yourcompany.ai`.

## App Name

<GridImage src="/images/name-2.png" img_width={200} />

This is the name of your whitelabel instance. This is the name that will be displayed in the header, footer e-maiils and other places in the app.

## CNAME

<GridImage src="/images/name-3.png" img_width={200} />

This is the host that should go in the CNAME record for your domain. It will always be a `XXXX.packages.ai` subdomain.