SunPlanner - Mockup Gallery

Every mockup made for SunPlanner, newest categories first. Thumbnails are live iframes; click any card or "Open full" to view at full size.

62 mockups · regenerated Jun 24, 2026 · node scripts/build-mockup-gallery.mjs to update

Details screen (current)

Today In Detail Wow Impeccable

06-26 · _details-concepts/today-in-detail-wow-impeccable.html

SunPlanner — Today in detail

Open full ›

Today In Detail Wow Huashu

06-26 · _details-concepts/today-in-detail-wow-huashu.html

SunPlanner · Today in detail · WOW (huashu)

Open full ›

Today In Detail Wow Creative Visionary

06-26 · _details-concepts/today-in-detail-wow-creative-visionary.html

SunPlanner · Today in detail · The Day Cast (creative-visionary)

Open full ›

Today In Detail Reshape V2

06-26 · _details-concepts/today-in-detail-reshape-v2.html

SunPlanner — Today in detail (reshape v2)

Open full ›

Today In Detail Reshape

06-26 · _details-concepts/today-in-detail-reshape.html

SunPlanner — Today in detail (reshaped)

Open full ›

Rain — next hour (current)

Rain Resolution Comparison

06-26 · _rain-concepts/rain-resolution-comparison.html

SunPlanner — Rain gauge RESOLUTION test (1-min vs 5-min vs 15-min)

Open full ›

Rain Gauge Bars

06-26 · _rain-concepts/rain-gauge-bars.html

SunPlanner — Rain Gauge (bars) · tap-out popout

Open full ›

Concept 2 Timeline

06-26 · _rain-concepts/concept-2-timeline.html

SunPlanner — Concept 2: Next-Hour Rain Timeline

Open full ›

Concept 3 Wildcard

06-26 · _rain-concepts/concept-3-wildcard.html

SunPlanner · Rain Concept 3 — The Approaching Band

Open full ›

Concept 1 Gauge

06-26 · _rain-concepts/concept-1-gauge.html

SunPlanner — Rain Gauge (Concept 1: The Instrument)

Open full ›

Rain — redesign explorations

Rain Options All 3

06-26 · _rain-redesign/rain-options-all-3.html

SunPlanner rain hour - the 3 versions

Open full ›

Rain Redesign

06-26 · _rain-redesign/rain-redesign.html

SunPlanner — Rain element redesign

Open full ›

Power bar — slash design (current)

Concept 3 Motion

06-26 · _power-bar-slash-concepts/concept-3-motion.html

SunPlanner Power Bar — Concept 3 + Motion (Engraved Instrument Ramp)

Open full ›

Concept 2

06-26 · _power-bar-slash-concepts/concept-2.html

SunPlanner · Power Bar · concept-2 (Live Edge)

Open full ›

Concept 1

06-26 · _power-bar-slash-concepts/concept-1.html

SunPlanner · Power Bar · Concept 1 (slash ramp, VU-meter read)

Open full ›

Concept 3

06-26 · _power-bar-slash-concepts/concept-3.html

SunPlanner Power Bar — Concept 3 (Engraved Instrument Ramp)

Open full ›

Power bar — first round

Concept 1 Bold

06-26 · _power-bar-concepts/concept-1-bold.html

SunPlanner — POWER NOW redesign (Concept 1: Harvest Arc)

Open full ›

Concept 3 Wildcard

06-26 · _power-bar-concepts/concept-3-wildcard.html

SunPlanner · Power Element · Concept 3 (Wildcard) · The Crucible

Open full ›

Concept 2 Refined

06-26 · _power-bar-concepts/concept-2-refined.html

SunPlanner — Power Now, Concept 2 (Refined Instrument)

Open full ›

Calibration badge

Concept B Learning

06-26 · _calibration-badge-concepts/concept-B-learning.html

SunPlanner — Calibration Badge — Concept B: The Convergence Trace

Open full ›

Concept C Earned

06-26 · _calibration-badge-concepts/concept-C-earned.html

SunPlanner · Concept C · Earned Precision (Tuning Hallmark)

Open full ›

Concept A Generative

06-26 · _calibration-badge-concepts/concept-A-generative.html

SunPlanner — Concept A: Rig Signet (Generative Calibration Mark)

Open full ›

Sun Finder

Concept Impeccable

06-26 · sun-finder-concepts/concept-impeccable.html

SunPlanner · Sun Finder diorama · concept-impeccable

Open full ›

Concept Creative Visionary

06-26 · sun-finder-concepts/concept-creative-visionary.html

SunPlanner · Sun Finder · The Sand-Table (creative-visionary)

Open full ›

Concept Huashu Design

06-26 · sun-finder-concepts/concept-huashu-design.html

SunPlanner — Sun Finder Diorama (huashu-design)

Open full ›

Prototypes — Collab explorations (OpenAI / Claude)

Claude Outlook Chart V3

06-26 · prototypes/collab/claude-outlook-chart-v3.html

SunPlanner · Claude Outlook chart v3

Open full ›

Openai Settings V1

06-26 · prototypes/collab/openai-settings-v1.html

SunPlanner · OpenAI Settings v1

Open full ›

Claude Outlook Chart V2

06-26 · prototypes/collab/claude-outlook-chart-v2.html

SunPlanner · Claude Outlook chart v2

Open full ›

Openai Scan Row V1

06-26 · prototypes/collab/openai-scan-row-v1.html

SunPlanner · OpenAI Scan Row v1

Open full ›

Claude Chart Readout V1

06-26 · prototypes/collab/claude-chart-readout-v1.html

SunPlanner · Claude chart readout v1

Open full ›

Openai Scan V1

06-26 · prototypes/collab/openai-scan-v1.html

SunPlanner · OpenAI Scan v1

Open full ›

Openai Chart Motion V1

06-26 · prototypes/collab/openai-chart-motion-v1.html

SunPlanner · OpenAI Chart Motion v1

Open full ›

Openai Outlook V1

06-26 · prototypes/collab/openai-outlook-v1.html

SunPlanner · OpenAI Outlook v1

Open full ›

Prototypes — Dashboard v1

Dashboard C Deep Sky Phosphor

05-26 · prototypes/dashboard/dashboard-C-deep-sky-phosphor.html

SunPlanner · Dashboard · Direction C · Deep-Sky Phosphor

Open full ›

Dashboard A Golden Hour

05-26 · prototypes/dashboard/dashboard-A-golden-hour.html

SunPlanner · Dashboard · Golden Hour (Direction A)

Open full ›

Dashboard B Gauge Is The Sun

05-26 · prototypes/dashboard/dashboard-B-gauge-is-the-sun.html

SunPlanner · Dashboard · Direction B · The Gauge Is The Sun

Open full ›

Prototypes — Dashboard v2

Concept Sun Path Arc

05-26 · prototypes/dashboard-v2/concept-sun-path-arc.html

SunPlanner · Dashboard v2 · Concept: Sun-Path Arc

Open full ›

Concept Sky Is The Gauge

05-26 · prototypes/dashboard-v2/concept-sky-is-the-gauge.html

SunPlanner · Dashboard v2 · Concept: The Sky Is The Gauge

Open full ›

Concept Sun Disc

05-26 · prototypes/dashboard-v2/concept-sun-disc.html

SunPlanner · Dashboard v2 · Concept: Refined Sun-Disc

Open full ›

Concept Horizon Light

05-26 · prototypes/dashboard-v2/concept-horizon-light.html

SunPlanner · Horizon Light-Fill · Concept

Open full ›

Prototypes — Dashboard v3

Outlook 2

06-26 · prototypes/dashboard-v3/outlook-2.html

SunPlanner · Outlook concept 2 (full-width weather strips + hourly curve)

Open full ›

Outlook 1

06-26 · prototypes/dashboard-v3/outlook-1.html

SunPlanner · Outlook concept (16-day planning timeline + hourly curve)

Open full ›

Concept Wow 6

06-26 · prototypes/dashboard-v3/concept-wow-6.html

SunPlanner · Dashboard concept (WOW 6 · calibration states + true peak bar)

Open full ›

Concept Wow 5

06-26 · prototypes/dashboard-v3/concept-wow-5.html

SunPlanner · Dashboard concept (WOW 5 · radically minimal, zoomable)

Open full ›

Concept Wow 4

06-26 · prototypes/dashboard-v3/concept-wow-4.html

SunPlanner · Dashboard concept (WOW 4 · radically minimal)

Open full ›

Concept Wow 3

06-26 · prototypes/dashboard-v3/concept-wow-3.html

SunPlanner · Dashboard concept (WOW 3 · power bar + True-Up + Light-Catch)

Open full ›

Concept Wow 2

06-26 · prototypes/dashboard-v3/concept-wow-2.html

SunPlanner · Dashboard concept (WOW 2 · power bar)

Open full ›

Concept Wow

06-26 · prototypes/dashboard-v3/concept-wow.html

SunPlanner — Dashboard concept (WOW)

Open full ›

Concept Charging Now

06-26 · prototypes/dashboard-v3/concept-charging-now.html

SunPlanner — Dashboard concept (Charging Now)

Open full ›

Concept Real Image

06-26 · prototypes/dashboard-v3/concept-real-image.html

SunPlanner — Dashboard concept (real-image)

Open full ›

Prototypes — Elements (badge / incidence)

Incidence C Lightcatch

06-26 · prototypes/elements/incidence-C-lightcatch.html

SunPlanner — Incidence Mark · LIGHT-CATCH

Open full ›

Incidence A Panelfaces

06-26 · prototypes/elements/incidence-A-panelfaces.html

SunPlanner / Incidence Mark / Concept A: Panel Faces

Open full ›

Cal Badge A Lockon

06-26 · prototypes/elements/cal-badge-A-lockon.html

SunPlanner · Calibration Confidence Badge · A · Signal Lock-On

Open full ›

Incidence B Aimring

06-26 · prototypes/elements/incidence-B-aimring.html

SunPlanner · Incidence Mark · Concept B · Aim Ring

Open full ›

Cal Badge B Focus

06-26 · prototypes/elements/cal-badge-B-focus.html

SunPlanner · Calibration Confidence Badge · Lens B: Coming Into Focus

Open full ›

Cal Badge C Trueup

06-26 · prototypes/elements/cal-badge-C-trueup.html

SunPlanner · Calibration Confidence Badge · Concept C · True-Up

Open full ›

Prototypes — Outlook v2

Outlook V3

06-26 · prototypes/outlook-v2/outlook-v3.html

SunPlanner · Outlook (v3 · 16-day)

Open full ›

Outlook Cinematic Scroll

06-26 · prototypes/outlook-v2/outlook-cinematic-scroll.html

SunPlanner . Outlook concept (cinematic scroll)

Open full ›

Outlook Stacked

06-26 · prototypes/outlook-v2/outlook-stacked.html

SunPlanner · Outlook (Stacked Clarity · 16-day)

Open full ›

Prototypes — Outlook v3.1

Combined Cards V1

06-26 · prototypes/outlook-v3.1/combined-cards-v1.html

Outlook combined cards (cards + low/med/high bars)

Open full ›

Color / accent

GOLD CHOSEN PREVIEW

06-26 · GOLD-CHOSEN-PREVIEW.html

The accent we landed on

Open full ›

ACCENT COLOR OPTIONS

06-26 · ACCENT-COLOR-OPTIONS.html

SunPlanner accent color options

Open full ›