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

# Product Mockups

> Creating product mockups with transparent backgrounds and label integrity using FLUX

export const PromptDisplay = ({prompt}) => {
  const [copied, setCopied] = useState(false);
  const copy = () => {
    navigator.clipboard.writeText(prompt);
    setCopied(true);
    setTimeout(() => setCopied(false), 2000);
  };
  return <div className="not-prose" style={{
    marginTop: "1rem"
  }}>
      <div style={{
    backgroundColor: "#1a1a1a",
    borderRadius: "1rem",
    padding: "1.25rem 1.5rem",
    display: "flex",
    flexDirection: "column",
    gap: "1rem"
  }}>
        <p style={{
    color: "#e5e5e5",
    fontSize: "1rem",
    lineHeight: 1.6,
    margin: 0,
    fontFamily: "inherit"
  }}>
          {prompt}
        </p>
        <div style={{
    display: "flex",
    justifyContent: "flex-end"
  }}>
          <button onClick={copy} style={{
    backgroundColor: copied ? "#3d8a5b" : "var(--aspen-evergreen, #486A58)",
    color: "#fff",
    border: "none",
    borderRadius: "0.375rem",
    padding: "0.25rem 0.6rem",
    fontSize: "0.7rem",
    fontWeight: 600,
    cursor: "pointer",
    transition: "background-color 0.2s"
  }}>
            {copied ? "Copied!" : "Copy prompt"}
          </button>
        </div>
      </div>
    </div>;
};

FLUX generates high-quality product photography with realistic materials, reflections, and lighting. Describe the product, surface, lighting setup, and composition to create ad-ready visuals.

## Examples

<Columns cols={2}>
  <div>
    <img src="https://cdn.sanity.io/images/2gpum2i6/production/d36ecd75873ab1b3a05f16c0550670892e34afaf-1888x1056.png" alt="Perfume bottle in Moroccan courtyard" />

    <PromptDisplay prompt="Luxury glass perfume bottle on a sunlit stone ledge in a Moroccan courtyard, intricate zellige tilework in the background, warm golden hour light casting long shadows, soft bokeh of orange trees and a fountain, editorial product photography, shot on Hasselblad X2D, 90mm lens, f/2.8" />
  </div>

  <div>
    <img src="https://cdn.sanity.io/images/2gpum2i6/production/64e6b84a44d8686928dd42c27ead75d1ae5797f1-1888x1056.png" alt="Black perfume bottle with volcanic backdrop" />

    <PromptDisplay prompt="Sleek matte black perfume bottle on dark volcanic rock, dramatic backdrop of smoldering lava and ash clouds, deep orange and black tones, moody cinematic lighting with rim light catching the bottle edges, commercial fragrance campaign photography, high contrast, shallow depth of field" />
  </div>

  <div>
    <img src="https://cdn.sanity.io/images/2gpum2i6/production/952ed326d6eda3b9f79a25d18a4e9be1e6e6ff18-1888x1056.png" alt="Perfume bottle on mossy rock in forest" />

    <PromptDisplay prompt="Elegant crystal perfume bottle resting on a moss-covered rock in a lush green forest, soft diffused light filtering through the canopy, morning dew droplets on the moss, earthy natural tones, macro product photography with dreamy bokeh background, organic luxury aesthetic" />
  </div>

  <div>
    <img src="https://cdn.sanity.io/images/2gpum2i6/production/5946f3c2728f0f08fa398eca3a3add0e2cdc0a04-1888x1056.png" alt="Perfume bottle in misty forest setting" />

    <PromptDisplay prompt="Frosted glass perfume bottle standing on a wet stone surface in a misty enchanted forest, volumetric fog weaving through dark tree trunks, cool blue-green color palette, ethereal soft light, mysterious and serene atmosphere, fine art product photography, cinematic depth" />
  </div>
</Columns>