Keysystem Theming
Keysystem Theming
Section titled “Keysystem Theming”Customize the keysystem page to match your brand. Add your logo, set a custom background, and tailor messages so the flow feels like part of your product.
Theme Presets
Section titled “Theme Presets”Select a theme preset via theme_preset in keysystem config:
| Preset | Description |
|---|---|
| default | Default Aureva styling |
| dark | Dark background, light text |
| light | Light background, dark text |
| custom | Use your own colors and assets |
Custom Theme Config
Section titled “Custom Theme Config”Use theme_config (JSON) to override individual theme values. Structure depends on the frontend implementation but typically includes colors, fonts, and spacing.
Custom Logo
Section titled “Custom Logo”Set custom_logo_url to replace the default Aureva branding.
| Setting | Description |
|---|---|
| custom_logo_url | Direct URL to your logo image (PNG, SVG, WebP) |
Recommended: Use a square or wide logo (e.g., 200×200 or 400×100). Transparent backgrounds (PNG/SVG) work best on both light and dark themes.
Custom Background
Section titled “Custom Background”Set custom_background_url for a custom background image.
| Option | Description |
|---|---|
| custom_background_url | URL to background image (pattern, texture) |
Checkpoint Page Customization
Section titled “Checkpoint Page Customization”Per-checkpoint pages can be customized with:
- accent_color — Primary accent color
- logo_url — Logo for the checkpoint step
- heading — Step heading
- description — Step description
Welcome Message
Section titled “Welcome Message”The welcome_message appears when users first land on the keysystem page.
Use it to:
- Set expectations (e.g., “You’ll need to complete 2 short steps”)
- Add your branding or tone
- Link to support or Discord
Completion Message
Section titled “Completion Message”The completion_message is shown when the user successfully receives their key.
Include clear next steps so users know how to use their key (e.g., “Copy your key and paste it in the loader”).
Per-Checkpoint Messages
Section titled “Per-Checkpoint Messages”checkpoint_messages (JSON or string) lets you customize text for each checkpoint:
- Pre-checkpoint: “Complete the short ad to continue”
- During: Provider-specific instructions
- Post-checkpoint: “Great! One more step…”
Theming Checklist
Section titled “Theming Checklist”| Item | Recommended |
|---|---|
| Theme preset | Dark (for Roblox audience) |
| Logo | Your script/brand logo |
| Background | Solid or subtle gradient |
| Welcome message | Clear, friendly, sets expectations |
| Completion message | Explicit next steps |
| Checkpoint messages | Short, actionable |
Next Steps
Section titled “Next Steps”- Keysystem Overview — Understand the flow and URL format
- Configure providers — Set up ad providers for revenue