Style, theme and effects

Where the Design panel lives

Open a page in the editor. In the bottom-left corner there is a round palette button, labelled Design panel. Tap it and a sheet titled Design slides up.

The sheet does not block the canvas. Your page stays live behind it and scales down, so every change you make previews as you make it. Close it with the ✕ in the sheet's header, Esc, your browser's Back gesture, or a swipe down from the header strip. The palette button itself slides out of the way while the sheet is up, so you cannot tap it again to close.

Nothing here saves by itself

Every control in the Design panel changes your page in the editor only. To keep a change you have to press Save in the editor's top bar — the button reads Save, then Saving, then Saved.

What is in the sheet, in order

It is one long scrolling column. From the top:

• Grid size — how many columns and rows your canvas has.
• Page background, Page effect, Custom effect.
• Dock, Intro splash, Cursor, Scrolling.
• Widget skin, Micro-interactions, Living background, Stickers.
• Ambient sound, Page entrance, Backdrop, Enchant.ee credit.
• Global colors & font, Spacing, Page padding, Corners, Icon labels.
• Clear canvas at the very bottom.

A crown beside a section heading means that section needs a paid plan. At the top of the sheet a card names your current plan, with Upgrade on the free plan and Manage → on a paid one.

Page background

The background is the surface your widgets sit on. You get three ways to set it, and they overwrite each other: a flat colour, one of six gradient presets, or an image. The colour and the presets are free on every plan.

A flat colour

1. 1In Page background, tap the small square colour swatch at the top-left of the section.
2. 2A popover opens with a square you drag for saturation and brightness, a hue strip under it, and a text field for a hex value (its placeholder is #10b981).
3. 3Drag with a mouse or a finger, or type a six-digit hex. Three-digit shorthand like #fff is not accepted by that field.
4. 4Tap OK, or tap outside the popover, to close it.

Beside the swatch you will see either Custom color — which means the background is still plain white — or an underlined Reset link, which puts it back to white and clears any image.

Gradient presets

Six swatches: Cream, Aurora, Sunset, Mint, Lavender and Peach. Tapping one clears both the custom colour and the image, and the active preset gets a dark border and a check mark.

Background images

A background image needs a paid plan. The crown next to Background image names Vedette, but the real gate is lower than that: Élégante and up can set one.

1. 1Tap the dashed Upload background image area.
2. 2Pick a file. Accepted types are PNG, JPEG, WebP and GIF.
3. 3The button reads Uploading… while it works.
4. 4Once it is set, the area becomes a small preview with a Remove chip in its corner, and a block of image settings appears underneath.

Before it uploads, the app shrinks the picture so its longest side is at most 1600px and re-encodes it — JPEG normally, WebP if the image has transparency. GIFs are left completely alone so the animation survives. If the re-encode would not actually make the file smaller, your original is uploaded unchanged instead.

What a file can weigh

Each upload has to fit under your plan's per-file limit, and the whole library has to fit under your plan's storage limit:

Image settings

These only appear once an image is set. They are the same controls the Image widget has.

solid washes the whole image evenly. gradient fades the colour in from the bottom and clears about three-quarters of the way up, which is what you want if text sits low on the page.

Global colours and font

The Global colors & font section changes every widget at once. The three colour pickers are free on every plan; the font dropdown needs Élégante or above.

• Effects — the colour of every widget effect (a glow, a 3D extrusion, an outline).
• Text (all text) — text colour across text, profile, personality, product, social, snippet and image widgets.
• Widget BG — the background of personality, profile, social, product and text widgets.

Each row has the same colour picker as the background, plus a small ✕ to clear it. Picking a colour shows a confirmation — Effect color applied, Text color applied or Background color applied. Clearing is silent.

Global font

One dropdown, Global font (all text). Every option previews in its own typeface. On the free plan a crown sits beside every option except Default, and picking one refuses with Paid feature / Custom fonts need a paid plan. Every paid plan gets all twelve.

Like the colours, choosing a font stamps it onto every text-bearing widget and confirms with Font applied.

What counts as a colour

Every colour on your page is checked before it is stored. Hex values, rgb(), rgba(), hsl(), hsla(), plain keywords like transparent and CSS variables are all accepted. Gradients and image references are not, and are removed without a message.

Spacing, padding and corners

These four sliders shape the layout itself, and all of them are free on every plan. They sit near the bottom of the sheet.

• Spacing — the gap in pixels between widget tiles.
• Page padding — the margin around the whole grid. One slider moves all four sides together, so a higher number pulls the grid in toward the middle.
• Canvas corner — how rounded the page frame itself is.
• Widget corner — how rounded every widget tile is.

The corner numbers are not pixels

A corner value is a proportion of the shape's own short side, not a pixel radius. 1 is perfectly sharp, about 5 gives you the squircle an iPhone app icon has, and 10 is a full circle or pill. Because it is proportional, a widget keeps the same shape whether it is one cell or six — it does not turn into a circle when it shrinks.

Icon labels is the toggle directly below Corners. Turning it off hides the small captions under your widgets.

Page effects

A page effect is animated particles drifting across your whole page — snow, embers, bats. It needs a paid plan (Élégante and up). The section hint reads Animated particles across your whole page.

1. 1Scroll the Design sheet to Page effect.
2. 2You get a grid of tiles, four across. The first is None; the rest are the nineteen effects, each with an icon and its name.
3. 3Tap one. It starts animating on the canvas immediately.
4. 4Tap None to clear it, then Save.

Things you cannot change, and why

• There is no speed, count, colour or density control for a built-in effect. Those knobs only exist for a custom effect.
• Every effect draws in two layers — one behind your widgets and one in front, slightly larger and softly blurred. That sandwich is what makes your tiles look like they are inside the weather.
• The palette shifts automatically on a light background so additive glows stay visible. The same effect genuinely looks different on a white page and a dark one.

Motion, battery and accessibility

All of this is automatic — there is no setting for any of it.

• A visitor with reduce motion turned on in their system gets a single still frame, arranged to look lit rather than empty. Nothing animates.
• Effects pause when they scroll off-screen, and when the browser tab is hidden.
• They freeze during a fast fling scroll and resume shortly after it stops. A slow reading scroll does not freeze them.
• On touch devices the redraw rate is capped to save heat and battery.
• No effect layer ever intercepts a tap.

Custom effects and effect packs

A custom effect is the same particle engine with your own image as the particle. It lives in the Custom effect section, whose hint reads A sprite effect from the Effect Builder or the marketplace — replaces the page effect above.

Applying one you already own

1. 1Open the Design sheet. The Custom effect section fetches your effect packs as soon as it opens.
2. 2Under Owned effects you will see Loading… briefly, then either a list or Effects you build or buy appear here.
3. 3Tap Apply beside a pack. On success you get Custom effect applied and a card at the top of the section with the effect's name and a Remove link.
4. 4Press Save.

The list includes packs you bought and every effect pack you have listed yourself, including drafts and archived listings. A design you applied but never turned into a listing does not appear.

Widget skin and micro-interactions

Two chip rows, both Élégante and up, that apply one decision to every widget frame at once.

Widget skin

Hint: One look applied to every widget frame. Five chips.

• None — your widgets keep their own styling.
• Glass — a half-white frosted fill with a blur and a white hairline.
• Neumorph — a flat pale fill with no border and two offset shadows, dark on one side and white on the other.
• Flat — no shadow, one thin dark border.
• Retro — a 2px dark border and a hard offset shadow with no blur.

Micro-interactions

Hint: Hover / tap feedback on every widget. Four chips.

• None — no feedback.
• Lift — the tile rises slightly and gains a soft shadow. Hover only.
• Pop — the tile scales up while it is being pressed. Works on touch.
• Tilt — the tile rotates a little and grows a fraction. Hover only.

All of it is inside a reduced-motion guard. A visitor who has asked their system for less motion gets no feedback at all.

Living background

Coloured light that moves behind your widgets. Élégante and up. Three chips.

• None — nothing.
• Pointer glow — one oversized violet-to-cyan blob. It drifts on its own, and on a desktop the first mouse move hands control to the cursor, which it then follows.
• Mesh drift — four blurred blobs in violet, cyan, pink and amber, each on its own drift cycle and its own delay so they never move in lockstep.

The layer sits above your background image and below your widgets, never takes taps, and pauses while you are dragging something. The blob colours are fixed and cannot be changed.

Stickers

Up to thirty decorations floating over the page, placed by hand on the canvas. A sticker is one of three things: a Riso motif (thirty printed designs — stars, hearts, bolts, squiggles, halftone patches), an emoji, or one of your own images. Élégante and up.

They live in Decorate mode, not in a list of sliders. Tap Decorate in the toolbar at the bottom of the editor — or Decorate the canvas under Design → Stickers — and the widget grid goes still: while you are decorating, nothing on the grid can be dragged, selected or deleted, so a sticker gesture can never move a widget by accident.

1. 1Tap Decorate. The canvas shrinks to sit above the sheet and the grid goes inert.
2. 2Pick a motif from the gallery — it lands in the middle of the canvas, already selected.
3. 3Drag it anywhere. Three round handles appear on the selected sticker: trash at the top left, rotate at the top right, and a plain white resize dot at the bottom right. Drag the last two.
4. 4The sheet below now shows that sticker's own controls — motif, ink, cut, print and motion.
5. 5Tap an empty part of the canvas to deselect, or Done in the sheet.
6. 6Tap Decorate again to hand the grid back.

Stickers render above your widgets and below the front particle layer, centred on their point, and they never take taps on your live page. Motion is paused for a visitor who asked for reduced motion, and for any sticker scrolled out of view.

Cursor and scrolling

Cursor

An emoji that replaces the mouse pointer on your page. Élégante and up. Hint: An emoji cursor for desktop visitors. Type or paste one emoji into the small centred box, and a clear link appears beside it.

The clear link is not gated, so a cursor set on a paid plan can still be removed after a downgrade.

Scrolling

Three toggles, all Élégante and up.

• Background parallax — your background image drifts slower than the content as visitors scroll, at roughly four-tenths of the scroll distance. It stops drifting on a very long page once its buffer is spent.
• Smooth scrolling and Snap to page top — these two have no effect today. The toggles save, and nothing on the page changes.

Intro splash and page entrance

Two different arrivals: the splash covers the page for a moment before it appears, and the entrance animates the page itself. Both are Élégante and up, and both run on the public page only.

Intro splash

A full-screen coloured card with a word on it, shown once when a visitor lands, then faded away. Toggle Show an intro splash on and it seeds itself with the word Welcome on a near-black background.

You cannot set the splash text colour — it is computed for contrast against whatever background colour you pick, so it stays readable. A visitor with reduced motion turned on skips the splash entirely, so nobody is ever stuck behind an overlay that will not fade.

Page entrance

Hint: How your page reveals for visitors. Four chips, one run, six-tenths of a second.

• None — no entry animation.
• Fade — the page fades in.
• Slide — it fades in while moving up slightly.
• Wipe — it is revealed bottom to top.

Under reduced motion the page renders plainly, with no entrance.

Ambient sound

A looped track visitors can play. Élégante and up. The hint says it outright: A looped track visitors can play — never autoplays.

1. 1Tap Upload audio (MP3/OGG).
2. 2Pick an MP3 or an OGG file. Anything else is refused with MP3 or OGG audio only.
3. 3The button reads Uploading… while it works.
4. 4On success you get Ambient sound added and the row turns into a play/pause preview with a Remove link.

On your public page it becomes a small speaker pill fixed at the bottom-left. The audio file is not downloaded until someone taps it, and playback only ever starts on a tap. It cannot autoplay. Once started, it loops.

Backdrop

Your page renders as a floating rounded card. The backdrop is the desk it sits on. Élégante and up. Hint: What shows behind your page's floating canvas — visible in Preview and on your public page.

• None — the app's neutral surface.
• Color — a flat field of your colour.
• Gradient — a diagonal fade from your colour into a dark wash.
• Glow — the neutral surface with a broad, soft aura of your colour behind the card.
• Spotlight — near-black with a tighter cone of your colour above the card.

Once the style is anything but None, two more controls appear: Color and Frame shadow. The shadow slider deepens the drop shadow under the floating card, from a shallow lift at 0 to a deep cast at 100. Any backdrop other than None also adds a halo of your colour around the frame.

The Enchant.ee credit pill

Below your public page there is a small pill: the Enchant.ee mark followed by Designed with Enchant.ee. Hiding it or changing its wording needs Vedette or Icône — this is the one feature in the panel with a different gate from everything else.

1. 1Open Enchant.ee credit in the Design sheet.
2. 2Turn Show the credit pill off to remove it entirely.
3. 3Or leave it on and type your own wording into Custom text — there is an emoji button beside the field.
4. 4Clearing the field, or typing only spaces, restores the default wording.

Widget effects and shape masks

Everything above styles the whole page. This one styles a single widget, and it lives on the widget, not in the Design panel.

1. 1In the editor, tap a widget to select it.
2. 2Tap the round pencil badge at its top-right, labelled Edit widget.
3. 3Scroll the Edit Widget sheet to the bottom. The last block is headed Effects, and it is there for every widget type.

The seven effects

• None — nothing.
• Shadow — a soft grey drop shadow. No colour option.
• 3D Depth — five stacked offset copies in your colour, plus a soft shadow, giving an extruded look.
• Glow — a coloured halo. At the strongest setting it also gets an inner glow and a thin coloured border.
• Outline — a solid coloured border of the width you choose, plus a faint ring of the same colour.
• Glass — a frosted translucent panel. No colour option, and any colour you set is ignored.
• Inset — a pressed-in inner shadow. No colour option.

Effect color only appears for 3D Depth, Glow and Outline, because those are the only three that use it. Each of those three also gets one extra control: a 3 × 3 compass for 3D direction, three chips for Glow intensity, or a slider for Border width.

Shape mask

The last field in the same block cuts the whole widget into a shape. This one needs Élégante and up; None always works.

A mask works on its own — you can mask a widget whose effect is None. Widget effects show on the canvas, in Preview, on your public page, and on a widget you share as a post.

Card effects on posts

The same nineteen particle effects are available on a single post in your feed, where they are called card effects. They are free on every plan — the plan gate is on the page, not on posts.

1. 1In the Home feed, tap the plus button in the feed header to open the post composer.
2. 2Choose Text or Widget — the effect tray only appears once you have picked one.
3. 3Scroll the settings column to Card effects. It is a grid of small thumbnails, each one animating live.
4. 4Tap a thumbnail to select it, then post.

Theme packs from the marketplace

A theme pack is someone else's look, bundled so you can apply it in one go.

1. 1Open the Store tab and filter to Theme packs.
2. 2Open a listing. The button on a paid one reads Buy followed by the price; a free one reads Get, and one you already own reads Apply.
3. 3Once it downloads, the button becomes Apply to page, with the warning Applying replaces your page's theme settings. Save your page afterwards to keep it. above it.
4. 4Tap it, go back to the editor, and press Save.

A pack can carry your spacing, corners, background and its image settings, the three global colours, the global font, the page effect, the widget skin, the micro-interactions, the living background, the scroll toggles, the cursor and the page entrance. Only the fields the pack actually sets are merged — a pack that ships only colours will not touch anything else.

Clear canvas

At the very bottom of the Design sheet is a full-width Clear canvas button. It is more thorough than its name suggests.

1. 1Tap Clear canvas.
2. 2A dialog asks Clear the canvas? with the body Removes every widget and sets the background to plain white — a blank sheet to build on. Undo brings it back.
3. 3Choose Cancel or Clear canvas.

The app's theme is not your page's theme

There are two completely separate things called a theme, and mixing them up is common.

• Your page theme — everything in this chapter. It is what visitors see.
• The app's appearance — light or dark for the Enchant.ee interface you work in. It changes nothing a visitor sees.

1. 1Go to Account → Settings.
2. 2Find the Appearance card, described System, light, or dark. Dark is true black.
3. 3Under Theme pick System, Light or Dark.

What is paid, and what a downgrade does

Three gates exist in the Design panel, and only three.

• Free on every plan — background colour and gradient presets, all three global colours, spacing, page padding, both corner sliders, Icon labels, widget effects, card effects on posts, and Clear canvas.
• Any paid plan (Élégante and up) — background image and its settings, custom fonts, page effects, custom effects, dock, intro splash, cursor, scrolling, widget skin, micro-interactions, living background, stickers, ambient sound, page entrance, backdrop, and shape masks on widgets.
• The top two plans only — Vedette and Icône may hide or re-text the Enchant.ee credit pill. This is the one setting in the panel with a higher gate than the rest.

What happens after a downgrade

This is the part worth reading twice. The panel's locks are on the screen, but the real enforcement is on save. Every time a free-plan page is saved, the server deletes this whole list before writing:

• The page effect, and any custom effect.
• The dock, the intro splash and the cursor.
• The scroll toggles, the widget skin and the micro-interactions.
• The living background, the stickers and the ambient sound.
• The page entrance, the backdrop, and the background image.
• Every shape mask on every widget.

When something goes wrong

These are the messages this part of the app can actually produce.

Things that fail silently

A few rules are enforced without any message at all, because they only trigger on a page whose values did not come from the app's own controls:

• A background image, sticker image, ambient track or effect sprite that does not live in your own storage is removed on save. In practice this means you cannot point at another creator's file.
• A colour that is not a real single colour — a gradient, an image reference — is dropped on save.
• A dock link that does not start https:// or mailto: is dropped. Bad links go one at a time; the dock only disappears if none survive.
• An effect key that no longer exists renders nothing and stops being saved.

If a setting keeps reverting after you save, one of those four is almost always why.