Portfolio

Central Admin Live

🎯 Magazine being styled

Active Issue

Select magazine on shelf Magazine display title (top-left heading & Index)

Bulk change mode: automatically apply background & color edits to all magazines

Changes to colors, left-side title, info rows, and quotes update the landing page live.

🪟 Background & Vignette Layer Stack

Stack, toggle, and rearrange layers (top = front layer, bottom = back layer). Combine Vignette, Glass Morph, Color tint, and Background Image.

🎨 Base floor & all text colors

Base floor color Hex code

Text Color Theme & Master Controls

Auto-contrast text color (unchecks automatically when you pick a color below)

Primary text color (all main texts)

Secondary / muted label color

Individual Text Color Overrides

Customize specific texts independently (e.g. if part of your background is dark and another part is light).

Top Nav · Brand

Top Nav · Issues Tab

Top Nav · Index Menu

Left · Magazine Title

Left · Info Row Labels

Left · Info Row Values

Left · Divider Lines

Bottom · Quote Captions

Bottom · Quote Text

Shelf · Hover Ring

Reader · Back & Bar

📋 Left-side metadata table

💬 Bottom quotes (shelf view)

🌐 Global site & navigation style

Brand title (top nav) Active tab label

Index menu label 3D shelf tilt (°)

Display / title font Body / UI font

Left panel width (px) Max title size (px)

Show hand-drawn animated ring on active magazine Show bottom quotes bar on shelf

📚 All magazines on shelf

Shelf Order

Select a magazine to style it on the shelf or click "Open Magazine" above to edit its pages.

⚙️ Selected magazine

Title Visible to visitors on shelf

➕ Create new magazine

Title Shelf BG

Start from

📄 Current page

Pages

Page being edited

➕ Add a page

🎨 Page background & timing

Background top Background bottom

Auto-advance after (seconds, 0 = off)

🔤 Page & magazine text colors

Change the color of all texts on this page or across the entire magazine at once.

All texts on this page

All texts in entire magazine

➕ Add to this page

🗂️ Elements on this page

0 items

🎛️ Selected element

🎨 All texts on visible page(s)

Directly change the color of any text on the open page/spread without needing to click through overlapping layers.

🌑 Vignette effect

Off

Enable atmospheric vignette framing

Adds a smooth radial edge darkening around the stage backdrop, the magazine pages, or both.

Apply vignette to Tint color

Intensity (45%) Clear center (48%)

Feather softness (42%)

Presets:

✨ Flip-away animation

Style Duration (ms) Stagger (ms)

Fade buttons & HTML in after a flip

🖱️ Scrolling

Flip pages on scroll for this magazine

Mouse wheel or vertical swipe turns pages when the magazine is open.

📊 Import from PowerPoint

Each slide becomes a page. Links, action buttons, animations, transitions and auto-advance carry over.

Slide on page Add