VysibleVysible Docs

Designing Your Page

How to use the AI editor to create your perfect page

Designing Your Page

Vysible's AI editor builds your page from a conversation. You describe what you want and the AI generates it.

How the AI Editor Works

Navigate to the AI Studio from your dashboard. Start a conversation by describing your page:

  • Your style: "dark minimal with a neon accent" or "clean white with soft pastels"
  • Your content: "I'm a music producer with links to Spotify, YouTube, and my merch store"
  • Your vibe: "professional and elegant" or "bold and edgy"

The AI generates complete JSX and CSS — a fully functional page, not a template.

Tips for Better Results

  • Be specific about colors: "use my brand color #FF5733" works better than "make it colorful"
  • Mention your platform: "I'm on TikTok and YouTube" helps the AI add the right social icons
  • Reference existing styles: "similar to a Linktree but darker and more custom"
  • Ask for changes: "make the links bigger" or "add more spacing" — the AI iterates

Colors and Fonts

The AI can use any Google Font and any color. You can specify:

  • Exact hex colors: "#24BF6A"
  • Color descriptions: "deep navy blue"
  • Font names: "use Bebas Neue for headings"
  • Font vibes: "something bold and condensed"

Tell the AI your actual URLs:

  • "Add my Instagram instagram.com/myhandle"
  • "Link to my website example.com"
  • "Add YouTube, TikTok, and Twitter"

The AI will create properly styled link cards with the correct platform icons.

On this page