What is a Greeting?

A greeting is the first message users see when they enter a conversation — written in advance by the creator. It isn't an AI-generated reply; it's your carefully crafted "Act One" — designed to set the scene, introduce the character, build atmosphere, and guide users naturally into the interaction.

A great greeting hooks users in the first second, makes it clear what kind of story they're in, and shows them what they can do next.

Content Support

Greetings support plain text as well as HTML5 tags and CSS3 styles, enabling rich layouts and visual effects.

For styling, it's recommended to use local styles or global styles rather than piling inline styles directly onto tags. Local and global styles are not sent to the AI and don't consume tokens; inline styles are sent along with the content and consume additional tokens with every message.

Reference styles using standard HTML class structure inside the greeting:

✅ Recommended: reference styles with classes

<div class="scene">
  <b>Night falls, the city's neon signs dissolving into a blur of light in the rain.</b>
  <br>You push open the half-ajar door; low jazz drifts out from inside the bar.
</div>

❌ Not recommended: stacking inline styles

<div style="background:#1a1a2e;padding:12px 16px;border-radius:8px;color:#eee;line-height:1.8;">
  <b>Night falls, the city's neon signs dissolving into a blur of light in the rain.</b>
  <br>You push open the half-ajar door; low jazz drifts out from inside the bar.
</div>

Both produce the same result, but inline styles are sent to the AI every time, consuming extra tokens and making maintenance harder.

Style Management

Greetings offer two styling options:

Local Styles

Local styles are written directly in the style editor and only apply to the current greeting — they don't affect other content. Use them to craft a unique visual effect for a specific greeting.

.scene {
  background: #1a1a2e;
  padding: 12px 16px;
  border-radius: 8px;
  color: #eee;
  line-height: 1.8;
}

.highlight {
  color: #f0c040;
  font-weight: bold;
}

Global Styles

Rules defined in Global Styles apply uniformly to all chat content — including greetings, AI replies, and user messages. Use them for a consistent visual theme across the entire creation.

Coming Soon JavaScript Support

We will soon support JavaScript in greetings. With it, you'll be able to write interactive logic and build truly dynamic, immersive entry experiences:

• Forms: let users enter a name, choose a faction, or set backstory before the story begins
• Branching choices: present different opening scenes or moods based on user clicks
• Dynamic animations: typewriter effects, fade-ins, particle backgrounds with CSS + JS
• Data presets: carry user choices as variables into the conversation logic

A static greeting draws users in. An interactive one makes them forget it's a story.

Stay tuned.

Tips

• If the same class is defined in both local and global styles, local styles take priority.
• Put shared containers, fonts, and color variables in global styles; use local styles for greeting-specific effects.