How do you create a complete visual identity (Design System) with AI?

An identity is more than a logo

You might ask for a nice logo, a nice presentation, and a nice post, and each comes out looking different. The solution is to create a complete visual identity once: colors, fonts, logo usage, spacing, button and card styles, and tone of voice. This is called a Design System. After that, everything you make in any tool looks like part of the same family.

Start with a reference you like

You do not have to start from scratch. Large companies publish their Design Systems, and you may like the identity of a website or project. Take screenshots of the reference or provide its link, and say what you like about it.

Analyze the reference identity

Copy the prompt as it is, or tailor it with your details first.

Tailor the prompt to your workOptional: add your details and the prompt adjusts itself

Images or a linkProject and audience description

View full prompt

Attached are [images or a link] for a visual identity I like. Analyze its colors and codes, fonts and sizes, spacing, button and card styles, image use, and tone of voice. Then tell me what would work for my project [project and audience description] and what needs to differ to make the identity mine.

If you are missing information that would change the result, ask me first.
Before you deliver: check the Arabic text, dimensions, and details I asked you to preserve.

Create the identity file

Once you agree on a direction, ask for a complete file: an HTML page or PDF with every rule and an example. You can make the logo in ChatGPT Images or Gemini, or upload one you already have.

The complete identity file

Copy the prompt as it is, or tailor it with your details first.

Tailor the prompt to your workOptional: add your details and the prompt adjusts itself

Project name

View full prompt

Create a Design System for [project name] in one HTML page: primary and secondary colors with their codes and when each is used; Arabic and English fonts, heading and body sizes; logo rules; spacing; button, card, and table styles; and writing style with examples. Add a sample post and presentation slide using this identity. The text should be Arabic, running right to left.

If you are missing information that would change the result, ask me first.
Before you deliver: check the Arabic text, dimensions, and details I asked you to preserve.

Use it in everything

Save the file and upload it with any prompt: a presentation, a design in Canva, or a site in website building. Better still, turn it into a skill you can call by name to apply your identity without uploading the file each time.

Try it in your work

An identity for your project

Choose one reference you like, analyze it, and create the identity file. Try it in a post and a slide, and see whether they look related.