[

Design system

]

One system. Every new page.

Open the agent chat, type /design-system and describe the page you need. The agent builds it from the styles, components and section grammar on this page.

01 TYPE

Satoshi for everything, Quantico for badges

Satoshi for everything, Quantico for badges

Heading / H1 XL

The Home hero title only. 80 / 1.1, h1.

Financial intelligence, built for founders.

Heading / H1

Page titles on subpages. 50, h1.

Simple pricing. Serious results.

Heading / H2

Section titles. 45 / 1.3, h2.

Not a software subscription. Not a consultancy.

Heading / H3

Large card titles. 30 / 1.4, h3.

Cash runway, live

Heading / H3 S

Card titles in dense rows. 22 / 1.4, h3.

Board-ready reports

Heading / H4

Feature titles. 28 / 1.4.

Sync health

Heading / H4 S

Small feature titles. 20 / 1.4.

Connected sources

Heading / H5

Names, plan names. 24 / 1.4.

Growth plan

Heading / H6

Titles inside lists and accordions. 20 / 1.4.

Can I cancel any time?

Display / Stat

Key metrics. 70 / 1.2, right aligned by default.

98%

Body / M

Running text and leads. 18 / 1.3.

LEDGE connects to the tools you already use and turns the numbers into decisions.

Body / CTA

Text inside buttons and call-to-action lines. 1.6 line height.

Book a meeting

Body / S

Captions, meta, table cells. 14 / 1.3.

No credit card required. 14-day free trial.

Label / Badge

Badges and section labels. Quantico 14.

PLATFORM

02 COLOUR

Ink, white, light gray. Never a value typed on a layer

Ink, white, light gray. Never a value typed on a layer

Neutral / Ink

#292424

Headings, body text, dark sections, primary buttons.

Neutral / White

#FFFFFF

White sections, cards, the page frame.

Neutral / Light

#F5F5F5

Light sections and tiles; sections alternate white and light.

Text / Muted

#505159

Secondary text.

Text / Secondary

#787880

Captions and meta.

Border / Dark 20

Ink 20%

Dividers and card outlines on light.

Border / Light 20

White 20%

Dividers and boxes on photos and dark tiles.

Overlay / Dark 40

Ink 40%

Darkens the hero photo under white text.

Overlay / Light 40

White 40%

Glass tiles over photos.

03 IMAGERY

Founders at work, product screens, abstract card backgrounds

Founders at work, product screens, abstract card backgrounds

Two founders discussing numbers at a desk in an office

01

Three kinds of imagery: photographs of founders and finance teams at work, screenshots of the LEDGE dashboard, and the abstract gradients of Effects / Card Background.

02

Photographs sit under an Overlay / Dark 40 layer when text goes over them (the hero). Dashboard screens sit on light or white tiles, never over a photo.

03

Effects / Card Background has 14 patterns; use one per section at most and keep the same pattern across a page.

04

Every photo and screen layer has alt text that says what is in the picture: who is working, which screen of the product.

05

New pages reuse the images in the project or files the user supplies. Ask instead of sourcing.

04 COMPONENTS

Use instances. Never detach or rebuild them

Use instances. Never detach or rebuild them

Button / Primary, Button / Submit, Button / Toggle, Button / Category Tab

Primary and Secondary call to action; Submit for forms (Default, Loading, Success, Error); Toggle switches Monthly and Yearly in Section / Pricing; Category Tab filters the blog.

Category

Category

Navigation / Logo, Navigation / Menu Item, Button / Icon Link, Button / Badge

The pieces of Navigation / Nav and the footer in the Template layout. Logo has Black and White; Badge opens every section head.

Ledge logo in black

[

Section label

]

Ledge logo in white

Card / Service, Card / Step, Card / Icon Text, Card / Dashboard Feature, Card / Pricing Feature, Card / Logo

Cards with texts set on the instance: services, how-it-works steps (Default, Alternate), icon tiles (Default, Head Top, Head Bottom Right, Image Background), dashboard features, pricing features, client logos.

Cards with texts set on the instance: services, how-it-works steps, icon tiles, dashboard features, pricing features, client logos. Step, Icon Text and Dashboard Feature cards have fixed desktop widths; see them on desktop.

Autenthic solutions

Forecasts and variance analysis built around your business model — delivered monthly, without the spreadsheet chaos.

Abstract blurred background in warm amber and dark tones

Autenthic solutions

Forecasts and variance analysis built around your business model — delivered monthly, without the spreadsheet chaos.

Abstract blurred background in warm amber and dark tones

Runway

Always know how long you have.

Track burn rate in real time. Set thresholds, get alerts, and walk into every board meeting with a number you can trust.

Runway Forecast 14.2 months

Burn rate: $84K/mo

Cash on hand: $1.2M

Trend: ↓ 3%

Abstract blurred background in warm amber and dark tones

Runway

Always know how long you have.

Track burn rate in real time. Set thresholds, get alerts, and walk into every board meeting with a number you can trust.

Runway Forecast 14.2 months

Burn rate: $84K/mo

Cash on hand: $1.2M

Trend: ↓ 3%

Abstract blurred background in warm amber and dark tones

Three numbers that run your business.

Runway

Three numbers that run your business.

Abstract blurred background in warm amber and dark tones

Runway

Real-time runway tracking

Real-time runway tracking

Card / Blog Post, Card / Role

Cards bound to the CMS: blog posts from Blog, open roles from Careers. Card / Role has a Phone variant.

Date

Title

Section / Pricing, Section / Testimonials, Section / FAQ, List / FAQ Accordion

Whole blocks from Home and Pricing: the plans with the Monthly and Yearly toggle, the quotes (Testimonial 1 to 4), the questions (Open 1 to 6). Reuse them, do not rebuild them.

Monthly

Annual (Save up to 20%)

Seed

The financial foundation every early-stage founder needs.

$19

/month

Product Features:

Real-time runway tracking

MRR & cash flow dashboard

Automated burn rate calculation

Stripe & QuickBooks integration

Basic investor readiness score

CSV & PDF exports

Series

For startups actively building toward their next round.

$29

/month

Product Features:

Everything in Seed

Full investor readiness audit

Cap table & data room tools

Advanced forecasting & scenario modeling

Cohort analysis & NRR tracking

AI-powered financial recommendations

Xero, Slack & Zapier integrations

Multi-user access with roles

Priority support & guided onboarding

Scale

For post-Series A companies that need full financial control.

$79

/month

Product Features:

Everything in Series

Multi-entity support

Custom reporting & dashboards

SOC 2 compliance reporting

API access & custom integrations

Dedicated customer success manager

Quarterly financial health reviews

Guaranteed response times

[

Testimonials

]

We walked into our Series A with every number ready. Our lead investor said it was the most prepared deck he'd seen all year. LEDGE made that possible.

Priya Nair

CEO · Pragmatica

How quickly can I move in?

Same day in most cases. Once your membership is confirmed, you'll receive access credentials and can start using the space immediately. No waiting, no setup time.

Your financial stack, finally under control.

Manage cash flow, automate reporting, and track every transaction — without the spreadsheet chaos.

Is there a free trial available?

Yes. You get 14 days of full access, no credit card required. Explore every feature before committing to a plan.

What happens to my data if I cancel?

Your data stays accessible for 30 days after cancellation. You can export everything in CSV or PDF format before your account closes.

Does LEDGE connect with my existing tools?

Yes — LEDGE integrates natively with Stripe, QuickBooks, Xero, Notion, and Slack. More integrations are added every quarter.

Is my financial data secure?

All data is encrypted in transit and at rest using AES-256. We're SOC 2 Type II compliant and conduct regular third-party security audits.

Effects / Card Background

Fourteen abstract patterns used behind the dark tiles and the hero. Pattern 01 to 14; one pattern per section, the same across a page.

Abstract blurred background in warm amber and dark tones
Abstract blurred background in warm amber and dark tones
Abstract blurred background in warm amber and dark tones

05 SECTION GRAMMAR

How every page of LEDGE is built

How every page of LEDGE is built

Frame and sections

Main has padding 10 on Neutral / White and holds an Inner container. Each section is a frame with padding 90 / 50, gap 90, filled Neutral / Light or Neutral / White; neighbouring sections alternate.

Section head

Button / Badge, then Heading / H2 at max width 900, then a Body / M lead. Head and content sit in a Content frame with max width 1600 and gap 50.

Hero

100 vh on Neutral / Light: Content top with Heading / H1 XL and two buttons, Content bottom with icons and a glass testimonial box in Border / Light 20, a photo with Overlay / Dark 40 behind.

Rows

Text rows use a 1fr spacer on the left and a 3fr text column on the right, gap 90. Card rows are horizontal stacks with gap 20, three or four cards, stacked on phone.

Spacing

5, 10, 20, 30, 40, 50, 90. Section padding 90 / 50 (60 / 20 on phone). Radius 0 on frames; cards keep the radius they have.

Dark tiles

Dark tiles use Neutral / Ink or Effects / Card Background with Neutral / White text and Navigation / Logo White. One dark block per page is enough.

Woman sitting by a window in a bright modern interior

[

Get started

]

Your finances, finally under control.

Start free — no credit card, no setup fees. Connect your stack in under 10 minutes.

No credit card required · 14-day free trial · Cancel anytime

Woman sitting by a window in a bright modern interior

[

Get started

]

Your finances, finally under control.

Start free — no credit card, no setup fees. Connect your stack in under 10 minutes.

No credit card required · 14-day free trial · Cancel anytime

Ledge logo in white

AI-powered finance for founders who move fast.

Financial intelligence, built for growth.

Pages
CMS
Utility pages

LEDGE is a financial analytics and intelligence platform designed for startups and growth-stage companies. LEDGE is not a bank, financial institution, investment advisor, accounting firm, or licensed tax consultant. Nothing on this website or within the LEDGE platform constitutes financial, investment, legal, or tax advice. All runway projections, cash flow forecasts, revenue models, and scenario analyses generated by LEDGE are estimates based solely on data provided by the user. These outputs are for informational and planning purposes only and do not represent a guarantee of future financial performance or outcomes. Actual results may differ materially from any projections displayed. LEDGE does not hold, transfer, or manage client funds. Any references to banking, payment processing, or card features on this website reflect third-party integrations provided by licensed financial services partners. LEDGE assumes no responsibility for the availability, accuracy, or regulatory compliance of third-party services. The Investor Readiness Score and related fundraising tools provided by LEDGE are algorithmic assessments based on user-submitted data. They do not constitute a formal valuation, due diligence report, or guarantee of fundraising success. Investors make independent decisions and LEDGE bears no responsibility for the outcome of any fundraising process. All integrations with third-party platforms — including but not limited to Stripe, QuickBooks, Xero, and Slack — are provided "as is." LEDGE is not responsible for disruptions, inaccuracies, or data loss resulting from third-party API changes or service outages. Users are solely responsible for the accuracy of data entered into the platform and for ensuring compliance with applicable local, national, and international financial regulations. LEDGE does not provide regulatory reporting, tax filing, or audit services unless explicitly agreed upon in a separate written agreement. LEDGE processes user data in accordance with applicable data protection legislation, including GDPR where applicable. All data is encrypted in transit and at rest. LEDGE does not sell or share user financial data with third parties for commercial purposes. For full details, refer to our Privacy Policy and Terms of Service. The LEDGE platform is intended exclusively for business use and is not suitable for personal or consumer finance management. Feature availability may vary by subscription plan and geographic region. LEDGE™ is a registered trademark. Unauthorized reproduction of the LEDGE brand, interface, or content is strictly prohibited.

© 2026 LEDGE, Inc. All rights reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.