Fundex — Personal Finance Dashboard — Référence de design web et prompt

# FUNDEX - PERSONAL FINANCE DASHBOARD TEMPLATE (SAME-TO-SAME CLONE)

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE FUNDEX PERSONAL FINANCE DASHBOARD TEMPLATE FROM TAILGRIDS, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY PAGE, THE FULL LOOK & FEEL, HOVER STATES, AND SCROLL/ENTRANCE ANIMATIONS ARE REPRODUCED FROM CAPTURED REFERENCE ARTIFACTS. ALL ASSETS (FONTS, IMAGES, LOGOS, ICONS) ARE VENDORED LOCALLY AND IT RUNS OFFLINE.

REFERENCE: `https://fundex.demos.tailgrids.com/`

## SUMMARY

FUNDEX IS A MODERN, SLEEK PERSONAL FINANCE DASHBOARD DESIGNED ON A CLEAN, TWO-TONE SCHEME (LIGHT MODE AND DARK MODE). THE PALETTE REVOLVES AROUND A PRIMARY VIOLET/PURPLE EMISSION COLOR, WITH NEUTRAL GRAYS AND SHARP STATE ACCENTS (GREEN FOR INCOME/SUCCESS, RED/ROSE FOR EXPENSES/WARNINGS, ORANGE FOR PENDING/ALERT). THE TYPEFACE IS "GEIST", A MINIMALIST AND GEOMETRIC SANS-SERIF. THE TEMPLATE CONTAINS FIVE KEY VIEWS: DASHBOARD (HOME), TRANSACTIONS, ANALYTICS, BUDGETS, AND SETTINGS. ALL VIEWS SHARE A DOUBLE-BAR LAYOUT CONSISTING OF A FIXED SIDE NAVIGATION (SIDEBAR) AND A STICKY TOP HEADER WITH SEARCH, NOTIFICATION, AND THEME TOGGLE CAPABILITIES.

## STYLE