Refined
Home
Landing Corporate Artsy Small Shop
Pages
About Services Pricing Contact UI Elements 404
Blog Portfolio Shop
Get Started
Home
LandingCorporateArtsySmall Shop
Pages
AboutServicesPricingContactUI Elements404
  • Blog
  • Portfolio
  • Shop
Get Started
Journal

The Journal

Field notes on the grid, the typeface and the discipline of leaving things out — dispatches from a studio that believes structure is a feeling.

Home/Blog
Type
Jul 2, 2026 Emma Meyer

Why a bold black headline still beats every trend

The loudest thing on a page should be the type, not the decoration. A study in weight, contrast and the confidence to set a word large.

Read More →
Grid
Jun 24, 2026 Liam Schäfer

Design tokens: one source of truth for every colour

A practical walkthrough of a token layer, so a full rebrand from blush to any palette becomes a five-minute edit instead of a week of work.

Read More →
Build
Jun 15, 2026 Sofia Novak

Shipping a template with zero build step

No Node, no bundler, no compile. How we kept the canonical build to plain HTML, CSS and a single vanilla JavaScript file.

Read More →
Type
Jun 3, 2026 Jonas Krause

The case for a single, unapologetic display face

Neo-Swiss doesn't mean cold. Setting one grotesque at extremes — huge and tiny, never in between — and letting it carry the mood.

Read More →
Colour
May 21, 2026 Emma Meyer

Crimson and yellow on blush: a two-accent budget

A single warm ground and exactly two accents. Why constraint makes colour feel deliberate, and how to spend it without going broke.

Read More →
Process
May 9, 2026 Liam Schäfer

Porting one design across six frameworks

React, Vue, Next, Gatsby, WordPress and plain HTML from a single source of truth. What stayed shared and what forked.

Read More →
Access
Apr 27, 2026 Sofia Novak

Black-on-blush contrast that actually passes AA

A pale ground looks elegant until a low-vision reader can't parse the mauve captions. Measuring and tuning contrast on warm light surfaces.

Read More →
Grid
Apr 12, 2026 Jonas Krause

Spacing scales: the invisible grid that holds it all

A consistent spacing rhythm is what separates polished from amateur. Building and enforcing one across an entire template.

Read More →
Build
Mar 30, 2026 Sofia Novak

IntersectionObserver reveals without the jank

Scroll-triggered animation that stays smooth on low-end hardware, degrades gracefully, and respects reduced-motion preferences.

Read More →
1 2 3 4 →
Refined

A light, Neo-Swiss multipurpose template. Free for everyone, forever.

Pages

  • About
  • Services
  • Pricing
  • Contact

Explore

  • Blog
  • Portfolio
  • Shop
  • UI Elements

Demos

  • Landing
  • Corporate
  • Artsy
  • Small Shop

© 2026 Refined. Crafted by Ventus.

Made by  Ventus