Utopia

mardis.studio

The studio homepage is now a Hugo site with design tokens for color, Utopia fluid type and space, and flat-file content for blog posts and portfolio work.

Stack

• Hugo for static generation
• Markdown content in content/blog/ and content/portfolio/
• Cloudflare Pages for deployment

Designing with fluid type

We rebuilt mardis.studio on Hugo with flat-file content and Utopia design tokens so type, space, and grid all scale fluidly between phone and desktop.

What changed

• Webflow export → Hugo static site
• Breakpoint-heavy sizing → fluid clamp() scales
• CMS-ready markdown for blog posts and portfolio case studies

Add new posts by creating a file in content/blog/ and setting draft: false when you are ready to publish.