jUMPP: India's AI-Powered Personalised Financial Super App

<!-- Generated by ExtractVibe — https://extractvibe.com/brand/jumpp.finance -->
<!-- Extracted: 2026-09-30T14:51:58.218Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "jUMPP: India's AI-Powered Personalised Financial Super App"
description: "jUMPP: India's AI-Powered Personalised Financial Super App presents a professional web presence."
colors:
  primary: "#171717"
  tertiary: "#3498db"
  neutral: "#757575"
  surface: "#ffffff"
  on-surface: "#000000"
  border: "#e0e0e0"
  error: "#e74d3c"
  warning: "#f1c40f"
  success: "#07bc0c"
  info: "#3498db"
  on-surface-dark: "#ffffff"
typography:
  body-md:
    fontFamily: "ui-sans-serif"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "24px"
rounded:
  md: "9999px"
  full: "9999px"
components:
  button-secondary:
    backgroundColor: "#171717"
    textColor: "#ffffff"
    rounded: "9999px"
    padding: "0px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#ffffff"
    borderWidth: "1px"
---

# jUMPP: India's AI-Powered Personalised Financial Super App — Design System

## Overview

jUMPP: India's AI-Powered Personalised Financial Super App presents a professional web presence.

Key characteristics: professional.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The palette draws on 15 distinct colors observed across the site, organized into semantic roles below.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#171717` | Near-Black |
| accent / tertiary | `#3498db` | Dodger Blue |
| background | `#ffffff` | White |
| text | `#000000` | Black |
| border | `#e0e0e0` | Gainsboro |
| muted | `#757575` | Gray |

### Dark mode

| Role | Hex | Name |
|------|-----|------|
| text | `#ffffff` | White |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#07bc0c` | Confirmations, positive states |
| warning | `#f1c40f` | Caution, intermediate states |
| error | `#e74d3c` | Failures, destructive actions |
| info | `#3498db` | Neutral information, tips |

## Typography

Type is set in ui-sans-serif, with hierarchy expressed through size and weight contrast rather than family-switching.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| ui-sans-serif | body | system | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Body | ui-sans-serif | 16px | 400 | 24px | — |

### Conventions

- Heading case — sentence-case
- Body line-height — 24px

## Shapes

Border-radius scale:

- `md` — 9999px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Secondary**

- Background — `#171717`
- Text — `#ffffff`
- Radius — `9999px`
- Padding — `0px`
- Font size — `16px`
- Font weight — `400`
- Border — `1px solid #ffffff`

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 5/10 | balanced |
| Playful ↔ Serious | 5/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 5/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/jumpp.finance) | 100% |
| favicon | — | ico | [link](brands/jumpp.finance/logo-0.ico) | 95% |
| favicon | — | ico | [link](brands/jumpp.finance/logo-1.ico) | 95% |

## Sources

- Official brand guidelines — https://www.investopedia.com/terms/m/media-kit.asp
- Live brand page — https://extractvibe.com/brand/jumpp.finance
- Raw JSON — https://extractvibe.com/api/brand/jumpp.finance
- DESIGN.md (this file) — https://extractvibe.com/api/brand/jumpp.finance/design.md
- Extracted — 2026-09-30T14:51:58.218Z
- Generator — ExtractVibe vv1
- Quality score — 65/100

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md