---
name: Glow
description: "This site exemplifies premium fintech design with its clean aesthetic, bold typography, and strategic use of color to guide attention to key actions."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#131517"
  secondary: "#737577"
  tertiary: "#CC62D5"
  neutral: "#B3B5B7"
  bg-soft: "#F4F5F6"
  line: "rgba(179, 181, 183, 0.3)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 48px
    lineHeight: 1.1
    fontWeight: 700
    letterSpacing: "-1px"
  h1:
    fontFamily: grotesque-sans
    fontSize: 40px
    lineHeight: 1.2
    fontWeight: 600
    letterSpacing: "-0.5px"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.3
    fontWeight: 500
    letterSpacing: "1px"

rounded:
  sm: 4px
  md: 8px
  lg: 18px
  pill: 100px

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 24px
  2xl: 32px
  3xl: 48px

---

## Overview

A clean, modern Solana wallet landing page with a focus on mobile and browser extension availability

*A friendly fintech app that feels like a premium consumer product*

## Colors

Clean white backgrounds with neutral grays and a vibrant purple accent for primary actions

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#131517`)** — uses `ink` token
- **Secondary text (`#737577`)** — uses `ink-soft` token
- **Accent (`#CC62D5`)** — uses `accent` token
- **Muted (`#B3B5B7`)** — uses `muted` token
- **Borders (`rgba(179, 181, 183, 0.3)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

## Layout

Two-column hero with text on left and device mockup on right

*Rhythm:* 4px base grid with generous padding for breathing room

## Elevation & Depth

- 0 4px 24px rgba(0, 0, 0, 0.08)
- 0 2px 8px rgba(0, 0, 0, 0.04)
- Borders: 1px solid rgba(179, 181, 183, 0.3)

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 18px
- `pill`: 100px

## Components

- **button:** Rounded pill buttons with solid purple background for primary actions
- **card:** Clean cards with subtle shadows and rounded corners for feature sections
- **chip:** Small rounded badges for notifications like 'NEW'
- **hero:** Large headline with subtext and CTA buttons, accompanied by a device mockup

## Do's and Don'ts

**Don't:**
- don't use dark backgrounds — screenshot shows white and light gray backgrounds
- don't use serif fonts — screenshot shows geometric sans-serif typography
- don't use small border radius on cards — screenshot shows large rounded corners (18px)
- don't use muted color palette — screenshot shows vibrant purple accent color
- don't use dense text layouts — screenshot shows generous spacing and breathing room
- don't use complex gradients — screenshot shows mostly solid colors with subtle shadows

---

## System Prompt (paste into AI agent)

```
This is a clean, modern fintech landing page for a Solana cryptocurrency wallet. It positions itself as a premium consumer product with friendly, accessible design. Key colors include pure white (#FFFFFF) backgrounds, dark ink (#131517), neutral grays (#737577, #B3B5B7), and a vibrant purple accent (#CC62D5). Typography uses a geometric sans-serif font family with bold, tight-tracked headlines and clean body text. Critical design principles: avoid dark mode, maintain generous white space, use rounded corners (18px) on cards and components, keep the interface simple and uncluttered, and ensure the purple accent stands out against neutral backgrounds. The layout is two-column on desktop with text content on the left and device mockups on the right, creating visual balance and demonstrating the product in context.
```