ULTRAKIT · WIDGET #132

One element, eight parts: post hero, title, meta, featured image, excerpt, content, categories and related posts. Build a template once and every blog post uses it — no Elementor Pro needed.

6 hero layouts4 title styles6 meta items3 image framesdrop cap & quotes5 tag styles4 related layoutsworks as a template
TRAVEL & LIFESTYLE MAGAZINE · FULL STORY PAGE

A full-image overlay hero, then the article with a gradient drop cap, highlighter links and big quotes, the tags as gradient chips and three related stories on photos.

overlay herodrop caphighlighter linksbig quotegradient tagsrelated on photos
Lifestyle

A Digital Declutter That Actually Changed How We Work

Two weeks with no notifications, no group chats, and one very quiet inbox — here is what we learned.

2 min readLifestyle

For two weeks, our small team switched off every notification that was not a customer or a colleague asking for help. No badges, no pings, no little red numbers. We expected to feel cut off. Instead, we finished more work than in any fortnight this year — and went home less tired.

This is what we changed, what surprised us, and the few habits we kept once the experiment was over. None of it needs a new app. Most of it is simply choosing when to look.

Why we tried it

We counted, for one ordinary Tuesday, how often each of us was interrupted. The average was once every six minutes. Almost none of those interruptions were urgent; they were just loud. Deep work — the kind that makes a product better — needs longer stretches than that.

We were not short of time. We were short of time in one piece.

The rules for two weeks

  • Email and chat checked at set times: 9:30, 1:00 and 4:30.
  • Phones face down and silent during focus blocks.
  • One shared “urgent” channel that could break through — used only four times.
  • No meetings before noon, so every morning had a long focus block.
Mornings became our quiet hours.

What surprised us

The first two days were uncomfortable. Several of us reached for our phones out of pure habit. By the end of the first week, the urge had mostly gone, and the batched check-ins felt calm rather than frantic — there was simply more to read at once, and it took less time in total.

Customers did not notice any slower replies. Colleagues noticed that replies were longer and more considered.

What we kept

  1. Notification-free mornings, three days a week.
  2. The single urgent channel, with a clear definition of “urgent”.
  3. A short end-of-day note instead of a live status meeting.

If you try this with your own team, start small: one quiet morning a week is enough to feel the difference. This article is an example post for the UltraKit demo; the team and figures are illustrative.

SAAS COMPANY BLOG · SPLIT HERO

For a company blog: the category, a title with its last words highlighted and a meta line with icons beside a framed photo — then an "In short" box so busy readers get the point first.

split layoutlast words highlightedicon metasummary box
Business

How a Five-Person Startup Landed Its First Enterprise Client

2 min read0 comments
In short

No sales team, no case studies, no budget for outbound. Just one cold email and a very specific offer.

PERSONAL ESSAY · MINIMAL & WARM
Lifestyle

What Minimalism Taught Us About Spending

2 min read

We got rid of most of what we owned. The surprise wasn't what we missed — it was what we didn't.

No image at all: a serif title, a thin rule and the lead — perfect for writers and newsletters.

PRODUCT LAUNCH · GRADIENT PANEL

A colorful panel with soft floating light, a gradient title and the photo as a slightly tilted card that straightens on hover.

gradient panelfloating lighttilted image cardgradient title
Design

10 UI Trends Shaping Product Design in 2026

From tactile skeuomorphism's quiet return to AI-native layouts that rearrange themselves — here is what actually mattered this year.

2 min read
TECH NEWS SITE · MAGAZINE CARD

The cinema-wide image first, then a white card floating over its bottom edge with the title and a boxed meta bar — a classic newspaper look.

magazine layout21:9 imageboxed meta bar
Technology

What We Learned Migrating 2M Users to a New Stack

Zero downtime, one very stressful Saturday, and a rollback plan we thankfully never needed to use.

Updated September 22, 20262 min read0 comments
FEATURED IMAGE · 3 FRAMES

On its own the Featured Image part has six shapes and three frames: a soft shadow, a color block behind and a gradient glow — with an optional caption and a soft zoom on hover.

soft shadowcolor blockgradient glowhover zoom
Color block behind
Gradient glow
Soft shadow
RELATED POSTS · 4 LAYOUTS

Related by category or tag — and when there are not enough, the latest posts fill the row so it never looks empty.

cardslist with thumbnailsnumbered minimaltext on photos
EVERY POST, ONE DESIGN

The posts on this demo site use a template built from these parts. Open one to see it.

1

Build it once

Templates → Add New → Section. Drop in Post Parts — hero, content, tags, related — plus Author Box and Post Comments.

2

Pick it

Customize → UltraKit Theme → Blog → Single post design.

3

Done

Every post now uses your design. Edit the template and all posts update.