Skip to content

Independent creative portfolio

Ideas, sharply framed.

A confident portfolio system for designers and studios who want their work to lead. Editorial typography, considered motion, and fast Astro foundations included.

5

core pages

3

content collections

100%

static by default

1

theme toggle

Creative portfoliosEditorial systemsCase studiesAstro performanceThoughtful motionDark and light modeCreative portfoliosEditorial systemsCase studiesAstro performanceThoughtful motionDark and light modeCreative portfoliosEditorial systemsCase studiesAstro performanceThoughtful motionDark and light modeCreative portfoliosEditorial systemsCase studiesAstro performanceThoughtful motionDark and light mode

01 / Selected work

Three projects. Different industries. One clear standard for craft.

Work that earns attention before asking for it.

View the full archive
Horizon Dashboard
2025

Horizon Dashboard

Horizon Labs

Product Design and Front-End

A modern analytics dashboard with real-time data visualization, dark mode interface, and responsive design built for SaaS platforms.

Dashboard UX Design Systems Front-End Development
  • Reduced the first impression of complexity with a cleaner reporting layout.
  • Created a responsive dashboard pattern that works on desktop and tablet.
React TypeScript Tailwind CSS D3.js
Pulse Mobile App
2024

Pulse Mobile App

Pulse Health

Mobile Product Design

A health and fitness tracking application with elegant UI, habit tracking, and personalized insights. Designed with a mobile-first approach.

Mobile UI Interaction Design Product Strategy
  • Improved the clarity of daily progress tracking.
  • Made habit streaks feel more encouraging and less gamified.
React Native TypeScript Node.js PostgreSQL
Monograph Brand System
2023

Monograph Brand System

Monograph Studio

Brand and System Design

A comprehensive brand identity system including typography, color palette, iconography, and component library for a digital-first publishing platform.

Brand Strategy Design System Component Library
  • Unblocked product and editorial teams with a shared visual language.
  • Reduced design decision overhead across new pages.
Figma Design System Branding CSS

02 / The system

Everything needed. Nothing that gets in the way.

Compose a focused portfolio, launch page, or editorial site without fighting the underlying design system.

  1. 01

    Portfolio websites

  2. 02

    Editorial blogs

  3. 03

    Case study pages

  4. 04

    Launch landing pages

03 / Process

From blank canvas to live site.

A deliberately short setup path that protects momentum and keeps the focus on the work.

  1. 01 / 03

    Configure the brand

    Set your name, URL, socials, and copy in one config file.

  2. 02 / 03

    Add content

    Drop projects and blog posts into local Markdown or MDX files.

  3. 03 / 03

    Launch fast

    Ship a lightweight site with SEO, RSS, sitemap, and transitions built in.

05 / Client notes

What the system feels like once it is doing the real work.

The theme looked custom from day one and needed almost no design work to feel production-ready.

Jordan Lee

Design Director

06 / FAQ

Before you start.

Practical answers about content, performance, and adapting Framewise to your next project.

Ready when you are

Give the next idea a sharper frame.