Vibe

Vibe: create websites and web applications with AI

Vibe is the Delos application that allows you to create websites, interactive pages and web applications with the help of artificial intelligence.

From a simple instruction, file, visual, database or idea, Vibe can generate a complete interface, modify the design, add pages, connect integrations and publish a site online.

Vibe is designed to allow everyone to quickly create professional web experiences, without needing to code.

What is Vibe for?

Vibe allows you to quickly create:

• showcase websites;
• landing pages;
• marketing pages;
• event mini-sites;
• portfolios;
• product demonstrators;
• internal applications;
• dashboards;
• forms;
• data-connected interfaces;
• interactive prototypes;
• simple business tools.

The user describes what they want to create, and Vibe generates a first usable, modifiable and publishable version.

Creating a site with AI

The user can ask Vibe to create a website or web application from an instruction.

Examples:

• "Create a modern landing page to present our new offer."
• "Generate a showcase website for a consulting company."
• "Create a dashboard connected to a database."
• "Make a product demonstration page with a form."
• "Create an event mini-site with program and registration."

Vibe can generate:

• the site structure;
• texts;
• sections;
• visuals;
• pages;
• buttons;
• forms;
• design;
• interactions;
• responsive version.

Creation and modification by prompt

Vibe works with a conversational logic.

The user can request modifications in natural language:

• "Add a testimonials section."
• "Make the design more premium."
• "Change the main color to midnight blue."
• "Add a Pricing page."
• "Replace the hero with a more commercial version."
• "Add a contact form."
• "Connect this page to a data table."

The AI then modifies the site or application according to the request.

Adding files as a working base

Vibe allows you to add files to create or modify a site from existing content.

The user can provide for example:

• documents;
• images;
• logos;
• screenshots;
• mockups;
• content files;
• presentations;
• tables;
• brand assets;
• examples of sites or interfaces.

These files can be used to:

• reuse a brand guideline;
• import content;
• create a site from a document;
• reproduce a structure;
• be inspired by a mockup;
• integrate existing visuals;
• build an interface from data.

Creating visuals with AI

Vibe can help create or integrate visuals into a site.

The user can request:

• a cover image;
• an illustration;
• an icon;
• a product visual;
• a background;
• a marketing image;
• a graphic element for a section;
• a visual adapted to a page.

Examples:

• "Create a premium hero visual about AI in business."
• "Add a modern illustration for the security section."
• "Generate an abstract background image in blue and purple."
• "Replace the visuals with a more corporate style."

This allows you to produce a more complete site, even without an existing image bank.

Creating multiple pages

Vibe allows you to create sites composed of multiple pages.

The user can add, modify or delete pages such as:

• Home;
• About;
• Features;
• Pricing;
• Contact;
• Blog;
• Documentation;
• FAQ;
• Dashboard;
• Login;
• Profile;
• Settings;
• Product page;
• Form page;
• Results page.

Each page can have its own content, its own design and its own interactions.

Vibe can also create navigation between pages, such as a menu, buttons or internal links.

Editing design and content

After generation, the user can freely modify the site.

They can ask Vibe to change:

• texts;
• titles;
• buttons;
• sections;
• colors;
• fonts;
• images;
• icons;
• margins;
• spacing;
• animations;
• forms;
• cards;
• tables;
• menus;
• page structure.

The user can also request a global style modification:

• more modern;
• more corporate;
• more premium;
• more minimalist;
• more dynamic;
• more colorful;
• more sober;
• more conversion-oriented.

Visualizing different formats

Vibe allows you to visualize the site rendering on multiple screen formats.

The user can check the display in:

• desktop;
• tablet;
• mobile.

This visualization allows you to check that the site is responsive, i.e. readable and usable on different devices.

It is recommended to check the different formats before publication, especially for:

• text readability;
• button size;
• image display;
• mobile menus;
• forms;
• spacing;
• long sections.

Adding integrations

Vibe can connect a site or application to external or internal services, depending on the integrations available in the Delos environment.

Integrations can be used to:

• collect data;
• send information;
• connect a form;
• retrieve content;
• synchronize tools;
• create workflows;
• link the site to a CRM;
• connect a database;
• display dynamic data.

Usage examples:

• contact form connected to an internal tool;
• dashboard connected to a database;
• tracking page fed by data;
• business interface connected to an external source.

Linking Vibe with databases in Tables

Vibe can be used with Tables to create sites or interfaces connected to structured data.

A table can serve as a database to display or exploit information in Vibe.

Examples:

• display a product list;
• create a directory;
• feed a dashboard;
• display statistics;
• create a catalog;
• manage registrations;
• display filterable content;
• connect a form to a table;
• create a data consultation interface.

This connection allows you to create dynamic web experiences, where content can evolve from data stored in Tables.

Accessible and exploitable data

The data used by Vibe can be made accessible to the site or application according to the configured rights and connections.

This means that Vibe can rely on existing data to:

• display content;
• filter results;
• feed components;
• generate dynamic pages;
• create dashboards;
• personalize user experience.

Data access depends on permissions, connected sources and parameters defined in the organization.

Sensitive data should always be handled with care, especially before publishing a site or external sharing.

Dynamic sites and interactive applications

Vibe is not only used to create static pages.

It can also generate interactive experiences, such as:

• forms;
• filters;
• tables;
• dashboards;
• maps;
• action buttons;
• dynamic pages;
• interactive components;
• conditional display;
• content linked to a database.

These features allow you to create simple applications, prototypes or internal tools directly from Delos.

Sharing a Vibe project

A Vibe project can be shared with other users or teams.

Sharing allows you to:

• collaborate on a site;
• give access to a project;
• have a page reviewed;
• allow a team to contribute;
• centralize modifications;
• avoid multiple versions.

Depending on available rights, users can have access to the project in read or edit mode.

Internal sharing is recommended when the project is still under construction or should remain accessible only to a team.

Publishing a site

Vibe allows you to publish a site to make it accessible online.

Publication is used to make the project viewable by external or internal users via a link.

It is useful for:

• putting a landing page online;
• sharing a prototype;
• distributing a mini-site;
• making an application accessible;
• presenting a demo;
• sending a site to a client or partner.

Before publishing, it is recommended to check:

• content;
• links;
• forms;
• visible data;
• mobile rendering;
• confidential information;
• access rights;
• connected integrations.

Difference between sharing and publishing

Sharing allows you to give access to the project to users or teams in Delos.

Publishing allows you to make the site accessible online via a link.

In summary:

• sharing = collaborate or give access in Delos;
• publishing = make the site viewable as a website.

Available actions in Vibe

Depending on available options, Vibe allows you to:

• create a site or application;
• generate a page with AI;
• modify content by prompt;
• add files;
• import images or logos;
• generate visuals;
• add a new page;
• delete a page;
• modify navigation;
• change colors;
• modify fonts;
• adapt style;
• create forms;
• add interactive components;
• connect integrations;
• connect data from Tables;
• visualize desktop, tablet and mobile rendering;
• share the project;
• publish the site;
• update a published site.

Best practices

To get a good result with Vibe, it is recommended to specify:

• the type of site or application;
• the objective;
• the target audience;
• the number of pages;
• the expected visual style;
• colors or brand guidelines;
• content to integrate;
• reference files;
• data to connect;
• necessary integrations;
• priority format: mobile or desktop.

Example of an effective instruction:

"Create a modern B2B landing page to present an AI solution for business, with a Home page, Features page, Pricing page and Contact page. Use a premium midnight blue and white style, add a contact form and plan a clean mobile version."

Frequently Asked Questions

What is Vibe?

Vibe is the Delos application that allows you to create websites, interactive pages and web applications with the help of artificial intelligence.

Can you create a site without coding?

Yes. The user describes what they want to create, and Vibe generates the site or application. Modifications can then be requested in natural language.

Can you create multiple pages?

Yes. Vibe allows you to create multi-page sites with pages like Home, Pricing, Contact, Blog, Dashboard or FAQ.

Can you add files?

Yes. The user can add documents, images, logos, mockups or reference files to guide site creation.

Can you create visuals with Vibe?

Yes. Vibe can generate or integrate visuals adapted to the site: cover images, illustrations, icons, backgrounds or marketing visuals.

Can you connect Vibe to Tables?

Yes. Vibe can be linked to databases in Tables to display or exploit structured data in a site or application.

Is data accessible in Vibe?

Yes, data can be accessible to the site or application depending on connected sources, defined rights and security settings.

Can you add integrations?

Yes. Vibe can integrate services or tools depending on available integrations, for example to connect forms, retrieve data or create workflows.

Can you visualize the site on mobile?

Yes. Vibe allows you to check the rendering on different formats, including desktop, tablet and mobile.

What is the difference between sharing and publishing?

Sharing gives access to the project in Delos to users or teams.

Publishing puts the site online via an accessible link.

Can you modify a site after publication?

Yes. A site can be modified after publication. It is then possible to update the published version.

What should you pay attention to before publishing?

You should check texts, links, forms, visible data, integrations, mobile rendering and any confidential information.