Finova

01Colors

• Linen sheet#F3F2EEBackground · 70.1% · WhiteThe inset page sheet that holds every section, and the dashboard sidebar.
• Oat#E3DFD4Surface · 7.1% · Beige & creamService cards, eyebrow pills, the Schedule a call button, the hero icon tile, row 01 and the note card.
• Parchment#EEECDFSurface · Beige & creamTestimonial cards (the Laura card is a greyer #EBE7DB) and the newsletter input (#EDEEE0).
• App white#F8F8F8Surface · WhiteCazura dashboard main area and cards, with #ECECEC hairlines. Row 02 is pure white.
• Jet#000000Text · BlackSerif headlines, testimonial names, stars, logos and the 01/02 numerals.
• Button black#080808CTA · 1.9% · BlackOpen an account, every Explore button and Subscribe, with a white label.
• Warm graphite#383733Muted text · 5.4% · GraySubheads, paragraphs and nav links (#363533). Service-card serif titles sit at a similar #3A3730.
• Taupe grey#656156Muted text · 2.5% · BrownSchedule a call label, eyebrow pill text, testimonial roles and the light 01/02 row titles.
• Dusty mauve#B884A4Accent · 2.4% · PinkThe one brand accent: selected chart bar, budget progress segment, table progress bars, eyebrow info icons and the hero "Cazura AI Assistant" label.
• Pale orchid#DCC4D0Accent · GrayLogo dots in the navbar, the Cazura logo tile and the "New" badge (#E4D4E0).
• Blush hatch#E6D5DFChart · GrayBudget bars in the spending chart, filled with diagonal hatching.
• Lavender grey#CEC8D6Chart · 3.5% · GraySpent bars, the grey budget segments and the far end of the progress-bar gradient.
• Sage green#4A7363Status · GreenPositive deltas (↑ 10.5%, +$487.00). The About crop also turns the Cazura AI label green (#5AA084).
• Signal red#BB2227Status · 0.1% · RedNegative deltas (↓ 8.35%, -$194.00).
• Dune terracotta#AC7C60Image · 2.5% · OrangeSunlit sand in the desert photo behind the sheet and inside the hero panel. Highlights reach #D79C72, shadows #55473A.
• Umber shadow#20201CImage · 4.7% · BlackDark lower edge of the backdrop photo visible in the side margins.
• Night navy#1F2C3CImage · GrayNight-sky footer photo behind white link text, darkening to #152022 at the top.

Warm neutrals do almost all the work: a linen sheet, oat and parchment cards, and black ink and buttons, so the page reads as a calm duotone. Dusty mauve is the single brand accent and is mostly spent on data (the selected bar, progress fills, the logo dots), with blush and lavender-grey as its paler chart partners; green and red appear only as delta status. The saturated colour comes from photography instead: terracotta dunes around and inside the frame, an orange foliage crop, and a navy night meadow with red and orange wildflowers in the footer. One slip: the Cazura AI label is mauve in the hero and green in the About crop.

02Typography

Specimens use a stand-in face of the same class and weight.

Pairing

The condensed serif is the whole personality: magazine-style headlines that pack long Title Case lines into a narrow measure. A Helvetica-like grotesque stays neutral for copy and buttons. The dashboard brings in a third, rounder geometric sans, which reads as a separate product (Cazura) rather than part of the same system.

Hierarchy

Hero ~90px serif, H2 ~70px, card titles ~36px, testimonial names ~30px, body ~20px, eyebrows ~15px, dashboard text 11–14px. There is no weight contrast inside the serif; hierarchy comes from size and from black vs warm-grey colour. Headings are centered for hero, About and CTA, and left-aligned with a right-hand paragraph for Services and Testimonials.

03Layout

The whole page is a linen sheet inset about 30px from the viewport edges, over a full-bleed blurred desert photo that shows as a frame. Inside: navbar, centered hero, a wide photo panel holding the dashboard, a trust row, then alternating centered and split section headers (big serif left, paragraph right) above card grids, a centered newsletter CTA and an inset dark photo footer.

Alignment

mixed

Density

airy

Width

framed

Corners

rounded

Depth

flat

Grid

About 1340px content width inside the sheet. Trust row: label left, five logos right. About: 50/50 split of stacked rows vs a photo crop. Services: three equal cards. Testimonials: two wide cards over three narrower cards (a 2+3 bento). Footer: tagline column plus three link columns.

Spacing

Very large section gaps (about 200px), ~24px gutters between cards, ~24px card padding with titles pushed to the bottom half of tall service cards. Buttons are chunky, about 56px tall with ~10px radius. The hero dashboard panel uses a larger ~20px radius.

04Sections 11

1. 01
   Backdrop frame

   Full-bleed, soft desert-dune photograph (terracotta sand, umber shadow) behind everything. It shows as a ~30px border around the linen sheet and is visibly pixelated at the edges.

2. 02
   Navbar

   Logo (three pale-orchid discs plus a bold "Finova" wordmark) on the left, centered links Home (active, darker), About, Services, Solutions and Contact, and an oat "Schedule a call" button on the right. No bar background.

3. 03
   Hero

   Centered two-line condensed-serif headline with a slightly tilted oat icon tile (credit-card icon) dropped between "Future" and "Of", a two-line warm-grey subhead, and two buttons side by side: black "Open an account" and oat "Schedule a call".

4. 04
   Product mockup

   Wide rounded panel filled with the desert photo, holding the Cazura budget dashboard inside a thick translucent bezel, cropped at the bottom: sidebar, search and account top bar, Budget page header with actions, three KPI cards, the Budget Spending Flow chart and two cut-off cards.

5. 05
   Logo cloud

   "Trusted by 1000+ companies worldwide" on the left; five black logos on the right: Fundbox, Lincoln Federal Savings Bank, Lili, Navy Federal Credit Union and M&T Bank.

6. 06
   Features

   About: centered "About Finova" eyebrow pill, serif H2 "Reimagining Finance For A Smarter Future." and a subhead. Below, a split: on the left two numbered rows ("01 Smarter Financial Tools" on oat, "02 Built For Modern Finance" on white, each with a black Explore button) and an oat note card with a bell icon and a paragraph; on the right a dashboard crop over an orange foliage and dune photo.

7. 07
   Features

   Services: left eyebrow pill "Services Built for Smarter Finance", left serif H2 "Powerful Tools For Modern Finance.", paragraph in the right column. Three tall oat cards with a white icon tile at the top, serif title (Smart Payments, Financial Insights, Digital Banking), body and a black Explore button. Internals do not line up across the three cards.

8. 08
   Unseen section

   A centered eyebrow pill starts at the very bottom of shot 2, but the section is not in any shot.

9. 09
   Testimonials

   Left eyebrow pill "Trusted by Modern Businesses", serif H2 "What Our Clients Say About Finova.", paragraph on the right. Two wide parchment cards (Alexander, Finance Director; Laura, Finance Manager) with five black stars, a quote and a sepia engraved portrait in an ornate frame. Then three narrower cards (Daniel Carter, Smith Pork, Daniel Carter again) with a portrait, a serif name and a black Explore button.

10. 10
    CTA

    Centered "Stay Ahead of Finance" pill, serif H2 "Smarter Finance Start With Finova.", subhead, a parchment email field with an inset black Subscribe button, and under it a cropped Cazura budget table (Category, Budgeted, Spent, Progress Bar, Used, Action) with mauve gradient progress bars.

11. 11
    Footer

    Inset dark panel with rounded top corners, filled with a night photo: navy sky with firefly bokeh and red, orange and white wildflowers. Serif tagline and three off-white square social buttons (Instagram, Facebook, WhatsApp) on the left; Product, Company and Resources link columns with serif heads on the right; a giant off-white logomark plus "Finova" wordmark across the bottom, cropped by the edge.

05Components 21

• Primary button

  Near-black #080808 fill, white grotesque ~18px, ~10px radius, about 56px tall, no border or shadow. Used for Open an account, every Explore and Subscribe.

• Secondary button

  Oat #E3DFD4 fill with taupe text, same shape as the primary. Used for both Schedule a call buttons.

• Eyebrow pill

  Oat rounded-rectangle pill with a mauve outline info-circle icon and ~15px taupe text. Centered above centered sections, left-aligned above split ones.

• Inline headline icon tile

  Oat rounded square, rotated a few degrees, holding a black outline credit-card icon, set inside the hero headline line.

• Numbered row

  Full-width bar with a black serif numeral (01, 02), a grey serif title and a black Explore button on the right. Inactive rows are oat, the active row is white.

• Note card

  Oat block with a black outline bell icon in the left gutter and a three-line paragraph.

• Service card

  Tall oat card, ~8px radius, white square icon tile (~56px) with a small grey outline icon top-left, serif title and body in the lower half, black Explore button.

• Testimonial card

  Parchment card with a serif name, grey role, five filled black stars, a ~20px quote and a sepia framed portrait floating top-right. The short variant drops the quote and adds an Explore button.

• Email capture

  Parchment input with a hairline border, "Your Email" placeholder in warm grey, and a black Subscribe button inset on the right of the same field.

• Social buttons

  Off-white squares (~44px, ~6px radius) with filled black Instagram, Facebook and WhatsApp glyphs, on the dark footer.

• Logo lockup

  Three overlapping pale-orchid discs (two half-discs and a full disc) beside a tight bold grotesque wordmark.

• Dashboard sidebar

  Cazura logo tile, collapse icon, mauve "Cazura AI Assistant" with a sparkle icon, grey uppercase MAIN MENU and TOOLS labels, outline-icon items (Overview, Cards, Transactions, Budget, Goals, Investment, Analytics, Help, Settings), a white rounded active row (Budget) and a pink "New" pill badge.

• Search bar

  Rounded input "Search anything" with a magnifier and ⌘ F key-cap hints.

• Top-bar controls

  "Main Wallet" selector with an up-down chevron, a bell icon button, a cartoon avatar with a crown badge, the name Claribel Sefira, an email and a dropdown chevron.

• Action buttons

  Outline buttons with icons ("This Month" with calendar and chevron, "Export" with a cloud-download icon) and a lavender "+ Set New Budget" button with pale text that looks disabled.

• Segmented control

  Grey track with a white active segment: This Day / This Month / This Year, and Daily / Monthly / Yearly.

• KPI card

  Icon plus medium title (Incomes, Expenses), a kebab menu, a large currency figure, a delta pill (green ↑ 10.5% or red ↓ 8.35% on a tinted ground) and a "from last month" line with a coloured amount.

• Segmented progress bar

  Row of rounded pill segments in lavender grey, blush and mauve showing $23,562.00 used from $25,000.00.

• Chart tooltip

  White rounded card with a soft shadow: "July 2024", then Budget $27,000.00 and Spent $25,200.00 with small dot keys.

• Data table

  Light header row (Category, Budgeted, Spent, Progress Bar, Used, Action), rows with a small icon tile, black category name, grey amounts, a mauve-to-lavender gradient progress bar, a very light percentage and a boxed kebab button.

• Star rating

  Five filled black stars with slightly rounded points.

06Graphics 11/14

• Dashboard / product UI

  Yes. The "Cazura" budget screen is the hero mockup (sidebar, top bar, Budget header, three KPI cards, Budget Spending Flow chart, cut-off Last 6 Months and Budget Spending Breakdown cards). A smaller crop of the same screen sits in the About split, and a budget-category table crop sits under the newsletter field.

• Charts & data viz

  Paired vertical bars for Jan–Dec: blush budget bars and lavender-grey spent bars, both with fine diagonal hatching and rounded tops, faint horizontal gridlines and a $18K–$30K axis. July is selected: its budget bar is solid mauve, the label goes bold, and a tooltip floats beside it. Also a segmented pill progress bar in the Budget Total card and mauve-to-lavender gradient progress bars in the table.

• Photography

  Blurred desert-dune landscape as the page backdrop and inside the hero panel; an orange foliage and dune crop behind the About dashboard; a night meadow of wildflowers under a navy sky with firefly bokeh filling the footer.

• Illustration

  Sepia engraved/etched portraits of five people inside ornate baroque frames (acanthus leaves, columns, scrollwork) on the testimonial cards, likely AI-generated. A small cartoon avatar of the dashboard user.

• Icons

  Outline icons with a ~1.5px stroke and rounded ends, close to Hugeicons or Iconsax (house, card, transactions, map, target, money bag, presentation chart, help, settings, bell, calendar, cloud download, wallet, search, sparkle, info circle). Filled social glyphs (Instagram, Facebook, WhatsApp) and filled stars.

• Logo cloud

  One static row of five black logos: Fundbox, Lincoln Federal Savings Bank, Lili, Navy Federal Credit Union and M&T Bank.

• Avatars / people

  Engraved framed portraits in the testimonials and a cartoon avatar with a crown badge in the dashboard top bar.

• Gradients

  Only small ones: mauve-to-lavender-grey fills on the table progress bars. No decorative gradient backgrounds; the photos supply all tonal variation.

• Texture, grain or pixel

  Fine diagonal hatching inside the chart bars. The backdrop photo is soft and visibly pixelated at the margins, and the footer photo is grainy with scattered bokeh dots.

• Grid lines / patterns

  Diagonal hatch pattern in the chart bars and light chart gridlines. No page-level grid, dot or crosshair pattern.

• Device or browser frames

  No browser chrome or device bezel. The dashboard sits inside a thick translucent rounded rim, like frosted glass, on a photo panel; the page itself is framed as a sheet over the desert photo.

Not used3D renders · Cursors / pointers · Maps

07Motion

SubtleFrom stills; motion is inferred from cues

• implied
  Chart hover tooltip

  July is shown in its hover state (solid mauve bar, bold label, floating tooltip), which implies an interactive hover on every bar.

• implied
  Row tabs switching content

  Row 02 is white while row 01 is oat, which suggests an active state that swaps the dashboard image on the right.

• implied
  Tilted icon float

  The rotated icon tile inside the hero headline is the kind of element Framer templates bob or tilt on load.

• implied
  Scroll reveal

  Centered eyebrow pill, big heading and very large gaps between sections follow the usual fade-up-on-scroll template rhythm.

• implied
  Firefly twinkle

  Scattered bright bokeh dots over the footer photo may twinkle or drift; this is a weak cue.

08Copy

The Future Of Finance, Built For Everyone.

Finova delivers innovative financial solutions designed to simplify payments, empower smarter decisions, and move your money forward

Tone

Generic aspirational fintech (simplify, empower, smarter, move your money forward) in Title Case headings that all end with a full stop. Much of the copy is placeholder-grade with errors: "move granddd .", "Finance develops AI-powered robotics designed automate", "greater from control", "Smith Pork" and a duplicated "Daniel Carter".

09Style

Calm, sun-baked and a little vintage, closer to a boutique private bank than a neobank.

Accessibility

Main text is fine: black on linen and warm graphite (#383733) body are well above 10:1, and taupe on oat (#656156 on #E3DFD4) is about 4.6:1, just passing for small text. The dashboard is weaker: the Used percentages (#CAC8C9 on #F0F0F0) are about 1.5:1, inactive segments and axis labels are very light, and the "Set New Budget" button has pale text on lavender. In the footer, bright firefly dots sit directly behind headings (one lands on "Company"). Deltas use arrows and signs as well as colour. Focus states are not shown, and long Title Case headings are slightly harder to read.

10Takeaways