Design 01 · Soft Cards

A guide your readers
can actually navigate

A clean index card that builds itself from your article headings and highlights where the reader is.

On this page

Install the plugin

Upload Atomic Addons from Plugins → Add New, or install it straight from the WordPress directory, then click Activate.

Activate your licence

Paste your licence key in the Atomic Addons dashboard to unlock Pro widgets, templates and automatic updates.

Enable the widgets you need

Switch off anything you don’t use. Assets load only for active widgets, so your pages stay light and fast.

Build your first page

Open Elementor, search for an Atomic widget, drag it onto the canvas and style it from the familiar panel.

Design 02 · Midnight Glow

Speed up every page
you publish

A glassy dark index that sits beside long-form content — great for docs, changelogs and tech blogs.

Load assets on demand

Atomic Addons enqueues CSS and JavaScript only on pages that use a widget, keeping every other page lean.

Lazy-load images and video

Below-the-fold media waits until it is needed, so the first screen paints faster on slow connections.

Cache and minify everything

Pair the plugin with your favourite cache and let combined, minified files cut requests to a minimum.

Measure Core Web Vitals

Track LCP, CLS and INP after each change and keep the layouts that keep your scores in the green.

In this guide

Design 03 · Editorial

Build a design system
in four moves

Bold headings, hairline rules and a minimal side index — a magazine-style reading experience.

Contents

Set your global colours

Define a primary, an accent and a few neutrals once, then reuse them in every Atomic widget you drop in.

Choose a type scale

Pick two fonts and a clear size ladder so headings, body copy and captions always feel related.

Define spacing tokens

Stick to a small set of gaps and paddings. Consistent rhythm is what makes a layout look designed.

Save and reuse sections

Turn your best sections into templates and copy them between sites with live cross-domain copy.