Fonts, color schemes, logos, action buttons, social links, and contact information are all shared brand assets across your entire website. You only need to set them up once, and all pages, headers, footers, and modules will automatically apply the same standards, eliminating the need for page-by-page adjustments.
To keep daily editing and backend management distinct, site-wide settings are divided into three areas:
| Settings Entry | Where to find it? | What to manage? | When does it go live? |
|---|---|---|---|
| 1. Website Editor › Design | Click “Design” in the top toolbar of the editor | Fonts, heading and body text sizes, brand primary and text colors, light/dark mode, module spacing, corner styles, and back-to-top button. | Click “Save” at the bottom of the panel to save as a draft, then click “Publish” in the top right to update your live site (only “Back to Top” takes effect immediately upon saving). |
| 2. Website Editor › Branding | Click “Branding” in the top toolbar of the editor | Custom buttons (CTA), brand-related URLs (social links) and icon colors, and business information (address, phone, email, business hours). | Buttons and social links require clicking “Save” and then “Publish”; business information updates the live site immediately after clicking “Save”. |
| 3. Website Settings › General | Click “Website Settings › General” in the left sidebar of the dashboard | Site name, brand logo (light/dark mode versions), favicon, site content language, business location, site currency, and site timezone. | Updates the live site immediately after clicking “Save” at the bottom of the page; no need to return to the editor to publish. |
Open "Design" in the editor. Changes will be reflected in real-time on the central preview canvas:
H1 (Main Heading), H2 (Section Heading), H3 (Subheading), and "Body" (each with 9 levels). To resize text for a specific module, highlight the text within the module and use the rich text toolbar (see ).| Setting Item | Description and Tips |
|---|---|
| Brand Primary Color | The core color for buttons, links, key icons, and the background of “Brand Primary/Soft” modules. Includes 24 curated palettes (Classic, Morandi, Earthy Neutrals) and supports custom Hex/RGB/HSL codes. You can fine-tune colors for light and dark modes separately. |
| Brand Text Color | The text color displayed on solid buttons or backgrounds using the brand primary color. The system automatically selects the clearest white or dark text based on visual contrast (WCAG AA standards), but you can manually override this. |
| Appearance Mode | Follow System (default; automatically switches based on the visitor’s device settings; if selected, be sure to check both modes using the sun/moon icon in the top toolbar), Fixed Light, or Fixed Dark (forces all visitors to see a single mode). |
Open "Brand" in the editor (or click "Go to Settings" next to fields in module forms):
Buttons created here (e.g., "Book Now," "Free Consultation," "Visit Store") can be referenced across all modules, :
#anchor jumps), products, product categories, blog posts, or external URLs, and can include pre-set icons.+ Add Button in the button field; the system will automatically sync it back to this shared list.You can centralize your official account URLs for Instagram, LINE, Facebook, Threads, YouTube, TikTok, X (Twitter), WhatsApp, LinkedIn, Pinterest, etc., and drag to reorder them:
Go to "Site Settings › General" in the left sidebar of the backend:
| Setting Field | Function and Restrictions |
|---|---|
| Site Content Language | Determines the interface labels (e.g., cart, search, footer defaults), system-recommended fonts, and the language used for AI-generated copy. Note: Changing the language does not automatically translate existing page content, nor does it affect your personal dashboard interface language. |
| Business Location | The country/region where your business or personal entity is registered. Determines available payment gateways and e-invoice providers (see ). Locked once any payment gateway is set up; cannot be changed manually. |
| Site Currency | The currency unit for store pricing, shipping, promotions, and delivery modules. Locked once the first order with a monetary value is placed; cannot be changed. If changed before any sales, only the currency symbol is updated (e.g., 300 will not be converted based on exchange rates); please re-check your product prices. |
| Site Timezone | Determines the “00:00–23:59” daily cutoff for , store performance statistics, and promotional campaigns (automatically set to your local timezone during site creation). |
| What do you want to do? | Location and Guide |
|---|---|
| Modify the title/description shown in Google search or the site-wide page title format | “SEO › Settings” → |
| Enable social sharing buttons at the bottom of blog posts | “Blog › Settings” → |
| Purchase or connect a custom domain, modify free subdomains, or set up 301 redirects | “Website Settings › Domain” → |
| Verify your own sending domain (SPF/DKIM) or modify the appearance of emails sent to customers | “Website Settings › Email” → |
| Install Google Analytics (GA4), GTM, Meta Pixel, or enable a Cookie banner | “Website Settings › Tracking” → |
| Remove the Kanorio branding from the bottom of your site | Automatically removed after upgrading to Pro or Business; see |
| View team and AI assistant activity logs, download site backups, or take your site offline | , , |
Custom buttons and brand URLs are part of your site's draft. After clicking "Save" in the "Brand" panel, please click "Publish" in the top right corner of the editor to sync changes to the live site (Business address, phone, email, and the logo in "Site Settings › General" take effect immediately upon saving).
Yes! "Edit Website › Brand" is the master list for the entire site. Once you've added all 5 links, you can use the independent capsule toggles to select which icons to display in the header, footer, page hero, link-in-bio page, or email footer.
Currently, uploading custom font files is not supported. Kanorio includes over 300 legally licensed, edge-optimized fonts across multiple languages. You can select them individually for Chinese, English, Japanese, and Korean in "Design › Fonts."