Guide: Your First Creative Project

From folder to first preview

A practical walkthrough for personalizing the files in your buyer package.

1. Choose your homepage

Open en/index.html for Creative Studio, index-1.html for Agents, index-2.html for Chatbot or index-3.html for Agency. Arabic versions live in the ar folder.

2. Update brand tokens

Update the CSS custom properties in studio.css to change backgrounds, text, accents and component surfaces while keeping contrast readable.

3. Replace sample content

Change sample pricing, logos, example case studies, links, imagery and legal placeholders before going live.

4. Integrate real functionality

The HTML provides interactions but no AI endpoint, login backend, message inbox or payment processing. Build those features separately if you need them.

Folder structure

en/          # English pages
ar/          # Arabic pages
assets/css/  # Bootstrap + custom theme
assets/js/   # Bootstrap + interactions
assets/images/  # Local visual assets
documentation/  # Buyer instructions

For deployment, upload the files to your static host and set the desired homepage as the default entry point.