# ai-builder/2.7.1/admin/pages/settings.php

AI Builder – Generate pages, blocks, images & translate with AI, version 2.7.1. 130 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.7.1/code/admin/pages/settings.php
- Raw: https://pluginprobe.com/plugins/ai-builder/2.7.1/raw/admin/pages/settings.php
- Modified: 2026-04-24T12:01:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ai-builder/2.7.1/code/admin/pages/settings.php#L10-L20`.

```php
<?php
if (!defined('ABSPATH'))
    exit; // Exit if accessed directly

$jwt_token = get_option('aibui_jwt_token', '');
if (empty($jwt_token)) {
    echo '<div class="ai-auth-container"><div class="ai-message error">' . esc_html__('Please sign in to access the AI Builder settings.', 'ai-builder') . '</div></div>';
    return;
}
?>
<div class="wrap ai-builder-settings">
    <h1>AI Builder – Settings</h1>

    <p>Configure your global design tokens for AI-generated pages.</p>

    <form id="aibui-settings-form">
        <table class="form-table" role="presentation">
            <tbody>
                <tr>
                    <th scope="row"><label for="primaryColor">Primary color</label></th>
                    <td>
                        <input name="primaryColor" id="primaryColor" type="color" />
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="secondaryColor">Secondary color</label></th>
                    <td>
                        <input name="secondaryColor" id="secondaryColor" type="color" />
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="siteName">Site name</label></th>
                    <td>
                        <input name="siteName" id="siteName" type="text" class="regular-text"
                            placeholder="My Company" />
                    </td>
                </tr>
                <!-- <tr>
                    <th scope="row"><label for="siteTagline">Tagline</label></th>
                    <td>
                        <input name="siteTagline" id="siteTagline" type="text" class="regular-text"
                            placeholder="We build awesome things" />
                    </td>
                </tr> -->
                <tr>
                    <th scope="row"><label for="siteDescription">Site description & context</label></th>
                    <td>
                        <textarea name="siteDescription" id="siteDescription" class="large-text" rows="4" maxlength="500"
                            placeholder="Describe your site and add any additional context that will help AI generate better content"></textarea>
                        <p id="siteDescription-counter" class="description" style="margin-top:4px;margin-bottom:4px;">0/500</p>
                        <p class="description">Enter your site description and add the rules the AI must follow when generating content.</p>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="designStyle">Design Style</label></th>
                    <td>
                        <select name="designStyle" id="designStyle" class="regular-text">
                            <option value="">-- Select Design Style --</option>
                            <option value="minimalist">Minimalist & Clean</option>
                            <option value="tech-modern">Tech & Modern (SaaS)</option>
                            <option value="corporate">Corporate & Serious</option>
                            <option value="brutalist">Bold & Brutalist</option>
                            <option value="luxury">Luxury & Elegant</option>
                            <option value="organic">Organic & Soft</option>
                        </select>
                        <p class="description" id="designStyle-description" style="margin-top:8px;color:#646970;font-style:italic;"></p>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="blockShapes">Block Shapes</label></th>
                    <td>
                        <select name="blockShapes" id="blockShapes" class="regular-text">
                            <option value="">-- Select Block Shape --</option>
                            <option value="sharp">Sharp (Square)</option>
                            <option value="soft">Soft (Slightly rounded)</option>
                            <option value="rounded">Rounded</option>
                            <option value="pill">Pill (Very round)</option>
                        </select>
                        <p class="description" id="blockShapes-description" style="margin-top:8px;color:#646970;font-style:italic;"></p>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="copywritingTone">Copywriting Tone</label></th>
                    <td>
                        <select name="copywritingTone" id="copywritingTone" class="regular-text">
                            <option value="">-- Select Copywriting Tone --</option>
                            <option value="professional">Professional & Formal</option>
                            <option value="friendly">Friendly & Casual</option>
                            <option value="persuasive">Persuasive & Sales-oriented</option>
                            <option value="educational">Educational & Informative</option>
                            <option value="enthusiastic">Enthusiastic & Energetic</option>
                        </select>
                        <p class="description" id="copywritingTone-description" style="margin-top:8px;color:#646970;font-style:italic;"></p>
                    </td>
                </tr>
                <!-- <tr>
                    <th scope="row"><label for="nativeFont">Font (native)</label></th>
                    <td>
                        <select name="nativeFont" id="nativeFont">
                            <option value="system-ui">System UI (auto)</option>
                            <option value="-apple-system">Apple System (macOS/iOS)</option>
                            <option value="'Segoe UI'">Segoe UI (Windows)</option>
                            <option value="Roboto">Roboto (Android)</option>
                            <option value="Arial">Arial</option>
                            <option value="Helvetica">Helvetica</option>
                            <option value="'Noto Sans'">Noto Sans</option>
                            <option value="sans-serif">sans-serif</option>
                        </select>
                        <p class="description">Browsers map to native OS fonts and fallback to sans-serif.</p>
                    </td>
                </tr> -->
                <tr>
                    <th scope="row"><?php esc_html_e('Headers & Footers', 'ai-builder'); ?></th>
                    <td>
                        <a href="<?php echo esc_url(admin_url('admin.php?page=aibui-headers-footers')); ?>" class="button">
                            <?php esc_html_e('Edit Headers & Footers →', 'ai-builder'); ?>
                        </a>
                        <p class="description"><?php esc_html_e('Generate a custom header and footer for your site with AI.', 'ai-builder'); ?></p>
                    </td>
                </tr>
            </tbody>
        </table>
        <div id="aibui-settings-toast" style="display:none;"></div>

        <p class="submit">
            <button type="submit" class="button button-primary button-center">Save Settings</button>
        </p>
    </form>

</div>
```