> ## Documentation Index > Fetch the complete documentation index at: https://docs.tented.ai/llms.txt > Use this file to discover all available pages before exploring further. # Creating Tents > Learn how to create AI-generated landing pages with your brand assets ## Creating Your First Tent Creating a tent in Tented is as simple as describing what you want in natural language. Our AI will generate a complete, modern landing page based on your description. ## The Creation Process ### 1. Set Your Branding Before you create your tent, customize your brand identity. You're prompted to do this when you first sign up. Here's the information you'll need to provide: * **Primary Brand Color**: Your main brand color (used for buttons) * **Brand Logo**: The logo that represents your brand * **Brand Icon**: A smaller icon version of your logo Logos should have a 3:1 aspect ratio and a transparent background. They should be saved as a PNG or SVG file for best results. Icons should have a 1:1 (square) aspect ratio. They should also be saved as a transparent PNG or SVG file. After you sign up for Tented, you'll see a prompt like this: A screenshot of the prompt for adding brand assets. It appears after you first sign up for Tented. 1. Set your primary brand color by entering a hex code or using the color picker. 2. Upload your logo and icon. 3. Click **Save** to finish. Or, you can skip this step and add your branding later in your [Workspace Settings](/configuring-tented/workspace-settings). ### 2. Write a Prompt Navigate to the **Home** page in your dashboard. In the prompt interface, describe your landing page. **Good prompts include:** * Your industry or business type * Target audience * Key features or benefits to highlight * Desired page sections (hero, features, pricing, contact, etc.) * Brand personality (professional, playful, modern, etc.) **Example prompts:** * "Create a landing page for a SaaS productivity tool targeting busy professionals, with a hero section, key features, pricing tiers, and a contact form" * "Build a professional landing page for a 'Predictive Scheduling' feature with a sign-up form to capture early access leads" For more information, see our [Best Practices for AI Prompting](/working-with-tents/best-practices-prompting) guide. A screenshot of a detailed prompt for an early-access signup page for a new feature called "Predictive Scheduling" ### 3. Generate Your Tent Once you've set your branding and written your prompt: 1. **Click the send icon** to start the AI creation process. 2. **Wait for generation** (typically 60-70 seconds). 3. **Preview** your new tent. For details, see [Previewing Tents](/working-with-tents/previewing-tents). A screenshot of a generated early-access signup page for a "Predictive Scheduling" feature. ### 4. Refine and Iterate Refine your tent through natural conversation in the chat interface. Request changes like: * "Add a testimonials section" * "Make the call-to-action button larger" * "Add a sign-up form at the bottom" ### 5. Add Images and files Consider enhancing your tent with images and downloadable content like brochures, reports, or white papers. There are two ways to add an image or file. **From the chat input area:** 1. In the chat input area, click the **plus button > Add Images or Files**. 2. Select the image or file from your computer. 3. A thumbnail for the file appears above the chat input area. Reference it in your prompt. For example, "Add this AI scheduling graphic centered at the bottom of the hero section, below the stats." 4. Click the **send icon** to submit your prompt with the image or file reference. A screenshot of a prompt to upload and insert an image with the final result. **Through the Manage Assets option:** 1. In the tent editor, click the **image icon** in the top menu. 2. In the **Tent Assets** window that appears, click **Add File**. 3. Select the image or file from your computer. 4. The file is added to the **Tent Assets** list. You can now reference it in your prompts. For example, "Add this brochure download link below the pricing section." A screenshot of the Tent Assets window with an uploaded PDF file. Don't want to start from a prompt? Create from a template instead: **Tents > Add > Create Tent** opens a gallery of [Tented example templates](#tented-example-templates), every one already rendered in your branding. And when you've made something you'll want to reuse, save it as a [tent template](/working-with-tents/tent-templates) so future tents can start from the same design. ### 6. Publish Your Tent To make your tent live on the web, follow the steps in [Publishing Tents](/working-with-tents/publishing-tents) — you can customize the URL, add password protection, and remove the Tented badge along the way. Your tent is now accessible worldwide! A screenshot of the confirmation that a tent was published, showing the live URL. ## Tented Example Templates Prompting from scratch isn't the only way in. Every workspace includes the **Tented example template collection** for tents: dozens of professionally designed landing pages covering product launches, event pages, webinars, ABM plays, lead magnets, demo signups, waitlists, and careers pages. The collection **automatically enables your branding**. Every design in the gallery renders with the logo, brand color, and company details from your [workspace settings](/configuring-tented/workspace-settings), so the previews already look like your pages, not someone else's. To create a tent from the gallery: 1. Go to **Tents** in the sidebar and click **Add > Create Tent**. 2. The **Choose Tent Template** gallery opens. Browse by category (Product Launches, Event Pages, Webinars & Workshops, ABM & Target Accounts, and more), or search by name. Click **Preview** on any card to see the full page. 3. Click a template to select it. 4. Name your tent and click **Create Tent**. A screenshot of the Choose Tent Template gallery showing category filters, search, and rows of example landing page templates all rendered with the workspace's branding. You can also browse the collection any time under **Tents > Templates**, in the **Tented Starter Templates** row. In a hurry? Hover any card there and click **Use**: Tented creates the tent immediately, named after the template, and drops you straight into the editor. A screenshot of the Tent Templates tab showing the Tented Starter Templates row rendered in the workspace's Vibes Co. branding, with Preview and Use buttons on the hovered card. Either way, the new tent opens in the editor with the template's full design in place, rendered in your branding, and a chat pill recording which template it started from. From here it behaves like any other tent: iterate in chat, then preview and publish as usual. A screenshot of the tent editor right after creating a tent from the Flagship Launch example template, with a "Tent created from template" pill in the chat and the branded landing page in the preview. Creating a tent from an example template spends no generation credits. Credits are only used when you ask the AI to generate or edit content. The same gallery has a **My Templates** section listing the [tent templates](/working-with-tents/tent-templates) your team has saved and approved, right next to Tented's examples. ## Troubleshooting ### Common Issues Here are some common issues you might encounter while working with Tented's AI, along with suggested solutions. **Preview Not Updating:** If you notice the preview isn't updating as expected, a few steps can resolve this: first, try refreshing the preview panel. If that doesn't work, check for JavaScript errors in the console, and finally, carefully verify your code syntax for any mistakes that might be preventing the update. **Changes Not Applied:** If you find that changes you requested are not being applied correctly, you should ensure your instructions are clear and specific to the AI. It's also helpful to check the chat history for any errors or confusing previous inputs, or simply try rephrasing your request to see if a different approach yields the correct result. **Layout Issues:** For any layout problems, you should begin by testing the output on different screen sizes to identify the scope of the issue. You should then check your CSS for conflicts that might be causing unexpected rendering. Use browser developer tools for detailed inspection and debugging of the layout elements. ## What Happens Next? After creating your tent, you might want to [edit and iterate](/working-with-tents/editing-tents) to perfect it. You can also track form submissions and analytics on the [Tent Details](/working-with-tents/viewing-tent-details) page. Learn how to navigate and understand the **Tent Details** page.