Working with assets

Ullbek can generate images for you, find royalty-free stock photos, and source visuals automatically. But sometimes you want to use your own files — a logo you already have, a product photo, a PDF download, a custom font. That's where the asset library comes in.

There are three ways to bring your own files into a site you're building with Ullbek. Each suits a slightly different moment. This guide walks through all three.

Method 1 — The Manage panel

The Manage panel is the home of your asset library — a persistent store of files that lives independently of any single session. Assets you upload here are saved permanently and can be referred to in any future conversation.

How to open it

1. Find the Manage button

   In the preview toolbar at the top of the page, look for the Manage button. It opens the site management panel.

2. Open the Assets section

   Inside the panel, select the Assets tab. You'll see a grid of everything you've uploaded so far — images, PDFs, fonts, and other files.

3. Upload your files

   Click the upload area or drag files directly into the Assets panel. You can upload multiple files at once. Common formats — JPEG, PNG, WebP, SVG, PDF, WOFF2 — all work.

4. Tell Ullbek to use them

   Once uploaded, just describe what you want in the chat. Something like: "Use my uploaded logo in the header" or "Place the product photo I just uploaded as the hero image." Ullbek can see the asset library and will find the right file automatically.

What the asset library stores

Method 2 — Drag a file into the chat window

The quickest way to hand Ullbek a file in the middle of a conversation. If you're looking at your homepage and you want to swap in a new photo, just drag the image from your desktop directly onto the chat panel and drop it there.

1. Find the file on your computer

   Open your file manager or desktop and locate the file you want to use — a photo, a logo, anything.

2. Drag it into the chat panel

   Click and hold the file, drag it across to the chat area on the right-hand side of the Ullbek interface, and release. You'll see a drop indicator as you hover over the chat panel.

3. Add a message (optional but helpful)

   You can type alongside the dropped file: "Use this as the hero image on the homepage" or "Replace the logo with this." Ullbek will apply your instruction in context.

4. Send and watch it happen

   Hit send. Ullbek receives the file as an attachment, promotes it to the asset library if needed, and places it on the page — all in one step.

Method 3 — Attach a file with your message

The attachment button (the paperclip icon in the chat input bar) lets you pick a file from your device and send it alongside a typed message. It's the same result as dragging, but useful when your file isn't visible on your desktop — for example, it's buried in a folder, or you're on a phone.

1. Click the paperclip icon

   You'll find it in the chat input bar, next to where you type your message. Clicking it opens your device's standard file picker.

2. Select your file

   Navigate to the file on your device and select it. You can attach one file per message.

3. Type your instruction

   With the file attached, add your message: what you'd like Ullbek to do with it and where. The more specific you are, the better the result.

4. Send

   Ullbek receives the file and your instructions at the same time and handles both together.

Choosing the right method

All three methods get the file into Ullbek's hands. The difference is about when and how often you'll use that file.

Tips for working with assets effectively

Be specific about where you want things placed

Ullbek is good at inferring intent, but a precise instruction gives a better result. Instead of "use my logo," try "replace the text logo in the top-left of the navigation with my uploaded logo file — keep the same height as the current text, roughly 32px."

Tell Ullbek what format you want

If you've uploaded a large PNG and you want it optimised for the web, just say so. Ullbek can convert images to WebP, resize them, and compress them at whatever quality level you specify — all without you needing to open a separate image editor.

Use your own images alongside AI-generated ones

You don't have to choose between your own photos and AI-generated imagery. A typical site might use your real team photos in the About section, a stock photo for the blog hero, and an AI-generated illustration in the homepage banner. Mix freely — just tell Ullbek which slot should use which source.

Attach reference images to steer the design

You don't have to describe a design in words if you can show it. Attach a screenshot of a website you like, a mood board image, or even a rough sketch, and tell Ullbek to use it as visual direction. It'll interpret the composition, colour feel, and layout — not copy it literally.

What Ullbek does with your files

Once a file is in Ullbek's hands — whether via the asset library, a drag, or an attachment — here's exactly what can happen to it:

• Place it on a page — the most common action. Ullbek writes the appropriate HTML to embed the file (an <img> tag, a download link, a <source> element for video, etc.).
• Resize and optimise it — images can be downscaled to the right display size, converted to a more efficient format (WebP is usually best for photos), and compressed. This happens automatically when sensible.
• Use it as a brand reference — if you share a logo, Ullbek can extract the brand colours from it and apply them across the site. Share a mood board and it'll steer the palette and visual feel accordingly.
• Search it semantically — assets in your library are indexed so Ullbek can find the right one even if you don't remember its filename. Say "use the photo of the team standing outside" and it'll find it.
• Read its content — for PDFs and text files, Ullbek can read what's inside and use the content to write copy, populate sections, or inform decisions about the site structure.