Skip to content
UT Studio
FinanceNewPreview only

Ledger

Wealth and investment management site for firms that sell judgement rather than products

Preview only — not yet on sale.

Pro licence · what that covers

Latest version
1.0.0
Updated
Difficulty
Intermediate
Licence
Pro
Ledger wealth management homepage with a restrained editorial opening
Homepage1 of 4

Ledger screens

Homepage1 / 4

Ledger wealth management homepage with a restrained editorial opening

Ledger wealth management homepage with a restrained editorial opening

At a glance

Type
Finance
Best for
Marketing site
Stack
TypeScript · Next.js · Tailwind CSS
Screens shown
4Captured from the live preview
Licence
Pro · 1 developer12 months of updates
Availability
PreviewLive preview open now

Built for

What this template is for. Each one is a filter in the catalogue, so the products beside it solve the same problem.

Overview

Ledger is a wealth and investment management template built on restraint. There are no upward-sloping graphs and no performance claims: the allocation is labelled illustrative, the convictions are stated as convictions, and the call to action is a conversation rather than a sign-up. That is what a firm selling long-horizon judgement actually needs, and it is the hardest thing to retrofit onto a template designed to convert.

What's inside

  • Illustrative allocation breakdown

    Global equities, fixed income and private markets, each explained rather than charted — and labelled illustrative throughout.

  • Approach and convictions

    A stated investment philosophy with the four positions the firm does not trade away.

  • Insights from the desk

    Long-form notes with a shared article shape, so a market comment and a client letter render identically.

  • Team and consultation flow

    A small-team page and an enquiry route that opens a conversation instead of a funnel.

What's included

  • The full source archive, with the first release
  • 12 months of updates, kept permanently
  • 1 developer — commercial use, including client work
  • Deployment guides for 3 targets
  • Email support for the length of your update window
  • Redistribution as your own product

Every line above is read from this product’s own licence and release record rather than written beside it, so it cannot promise something the release does not contain.

Architecture

Editorial layout over a typed content model

Strategies, convictions, allocation bands and desk notes are typed modules rather than page markup, so an investment team can change what the firm says without a developer touching a layout. Long-form insight pages share one article shape with the home page teasers.

Tech stack

Built with

What the product is implemented in.

Requires

What you must already have. These block installation.

Folder structure

Folder structure
ledger/
├── app/
│   ├── page.tsx
│   ├── approach/page.tsx
│   ├── strategies/page.tsx
│   ├── insights/[slug]/page.tsx
│   └── about/page.tsx
├── components/
└── content/

Requirements

Node.js
≥ 22.12LTS or current
Package manager
pnpm ≥ 10npm and yarn also work
Operating system
macOS, Linux, Windows (WSL2)

Installation

  1. Unpack the download

    The archive contains the full source. There is no installer and no post-install script.

    bash
    unzip ledger.zip
    cd ledger
  2. Install dependencies

    bash
    pnpm install
  3. Configure the environment

    Copy the example file and fill in the variables listed under Environment variables.

    bash
    cp .env.example .env

Quick start

  1. Start the development server

    bash
    pnpm dev
  2. Verify the install

    Runs formatting, lint, type-check, tests and a production build.

    bash
    pnpm check

Environment variables

Environment variables
VariableRequiredDescription
DATABASE_URLRequiredPostgreSQL connection string. Use a pooled endpoint in serverless environments.postgresql://user:pass@localhost:5432/app
NEXT_PUBLIC_APP_URLRequiredAbsolute origin of the deployment. Used for canonical URLs and metadata.https://app.example.com
LOG_LEVELOptionaldebug | info | warn | error. Defaults to info in production.

Configuration

    Deployment

    • Vercel

      Zero-config. Set the environment variables listed above and connect the repository.

    • Docker

      A multi-stage Dockerfile is included, producing a standalone image with no build toolchain.

    • Any Node host

      Builds to a standard Node server. Nothing depends on a platform-specific runtime.

    Compatibility

    Framework and runtime versions this product supports
    TechnologyVersionsStatus
    Next.js≥ 15Supported

    What changed in 1.0.0

    Initial commercial release

    • addedInitial commercial release

    Version history

    1. 1.0.0

      Initial commercial release

      • addedInitial commercial release

    Documentation

    Documentation ships with the first release.

    Support

    Frequently asked questions