Eagle — one-time license pricing and purchase page

---
version: alpha
name: Eagle — one-time license pricing and purchase page
colors:
  primary: '#0072EF'
  surface: '#000000'
  text: '#F7F8F8'
typography:
  primaryRole:
    fontFamily: inter, "inter Fallback", "SF Pro Text", -apple-system, Roboto, "Segoe
      UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "PingFang SC",
      "PingFang TC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif
    fontSize: 60px
    fontWeight: 600
    lineHeight: 66px
  supporting:
    fontFamily: inter, "inter Fallback", "SF Pro Text", -apple-system, Roboto, "Segoe
      UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "PingFang SC",
      "PingFang TC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif
    fontSize: 20px
    fontWeight: 400
    lineHeight: 30px
omitted:
- section: spacing
  reason: Per-reference geometry is recorded in Layout; a global spacing scale was
    not inferred.
- section: rounded
  reason: Observed shape roles are described in Shapes, without inventing a universal
    radius scale.
- section: components
  reason: The individual pattern is specified in prose, not an inferred component
    API.
---

## Overview

A complete dark license-pricing page with blue-tinted gradient headings, a split purchase/summary panel, FAQ accordion and testimonial section.

Captured from https://eagle.cool/store at 2026-10-17T06:03:20.388884+00:00. This reference preserves the complete public page.

## Colors

Primary accent `#0072EF`, surface `#000000` and principal text `#F7F8F8` describe visible roles. These are reference-local colors, not an exhaustive brand system. Match the screenshot where gradients or image colors differ.

## Typography

- h2 “One-time purchasefree lifetime updates”: inter, "inter Fallback", "SF Pro Text", -apple-system, Roboto, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; 60px, weight 600, line height 66px.
- h3 “Includes”: inter, "inter Fallback", "SF Pro Text", -apple-system, Roboto, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; 16px, weight 600, line height 24px.
- h2 “Frequently Asked Questions”: inter, "inter Fallback", "SF Pro Text", -apple-system, Roboto, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; 60px, weight 600, line height 66px.
- h2 “Self-Service Recovery Options”: inter, "inter Fallback", "SF Pro Text", -apple-system, Roboto, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; 24px, weight 600, line height 26.4px.
- h2 “Customer Support Assistance”: inter, "inter Fallback", "SF Pro Text", -apple-system, Roboto, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif; 24px, weight 600, line height 26.4px.

These are measured computed styles; rendered font availability and platform-specific fallback can affect exact glyph shapes. Do not apply the primary-role token indiscriminately to every text level.

## Layout

Center the purchase headline over a rounded two-column panel: quantity, identity selector and empty name/email/coupon fields at left; license inclusions, total and disabled-looking payment action at right. Put a logo strip, FAQ and testimonial cards below, followed by the full footer.

Desktop primary image: 1440 × 3910px at a 1440px viewport and device scale 1. Mobile evidence: 390 × 844px at a 390px viewport. The primary screenshot is the complete page; mobile evidence covers only the opening 844px viewport.

At 390px the 60px headline reduces to 36px, the form and order summary stack, and fields fit a 342px outer card. Only the opening mobile viewport was captured; lower mobile payment states were not tested.

## Elevation & Depth

Dark translucent surfaces sit over a soft blue glow. Thin borders divide the form from its summary; the FAQ uses subtle outlined rows.

## Shapes

Use large-radius outer panels, smaller-radius fields, a segmented Personal/Company choice and compact quantity controls.

## Components

The captured price is US$34.95 for one license in the untouched default state. This is a purchase page, not an auth form. No fields were entered, payment clicked, account created or trial started. FAQ toggles and price recalculation were not tested.

## Do’s and Don’ts

Separate customer input from order summary clearly. Do not treat the displayed price as a permanent offer or describe an untested checkout result.

Use only observed source content. Sizes above are measured; unquantified visual treatments are qualitative observations. No forms were submitted, accounts created, trials started or purchases made.