# Aurora Glass

> Aurora glow × frosted glass, a dark SaaS landing page

- URL: https://ui.ddct.top/p/aurora-glass-saas
- Category: SaaS
- Tags: Glassmorphism, Dark, Aurora, Bento, Gradient
- Access: Included with Pro
- Live demo: https://ui.ddct.top/api/demo/aurora-glass-saas
- Updated: 2026-10-16

## About

Violet, cyan and pink auroras drift slowly across a near-black canvas; frosted-glass cards carry a cursor-following spotlight, and one italic serif word in every headline breaks the engineered tone. Built for AI, cloud and developer platforms that want to feel expensive and calm.

中文简介：近乎纯黑的画布上，紫、青、粉三色极光缓慢漂移，磨砂玻璃卡片带鼠标跟随光斑，标题里一个斜体衬线词打破工程感。适合 AI、云计算、开发者平台等需要“昂贵而冷静”气质的产品官网。

## Signature details

- One italic serif word per headline
- Cursor-following card spotlight
- Product console with a gradient hairline border

## Page sections

- Floating glass nav
- Hero + product console
- Logo marquee
- Bento features
- Metrics band
- Pricing
- Testimonial
- FAQ
- Closing CTA

## Palette

| Name | Hex | Role |
| --- | --- | --- |
| Void | #07070B | background |
| Paper | #F4F4F7 | text |
| Mist | #9A9AAE | text-muted |
| Violet | #7C5CFF | glow |
| Lavender | #A78BFA | accent |
| Cyan | #22D3EE | glow |
| Rose | #F472B6 | glow |

## Typefaces

- Inter Tight — display / body
- Instrument Serif — italic accent
- JetBrains Mono — code

## How to use

- Copy the prompt from https://ui.ddct.top/p/aurora-glass-saas into any AI that writes front-end code.
- Or export it as an agent skill, a Cursor rule or AGENTS.md from the same page.
- Or connect the UI Atlas MCP server (https://ui.ddct.top/mcp) and ask: “Build this page in the aurora-glass-saas style from ui-atlas”.

## Preview

# Aurora Glass — Dark SaaS Landing Page

You are a senior product designer and front-end engineer with an obsessive eye for typography, light and motion.
Build a marketing landing page for a fictional AI inference platform called **"Halcyon"** in the **Aurora Glass** style
described below. Treat every value in this brief as a specification, not a suggestion.

## 1. Design Intent

Nocturnal, luminous, precise — like watching the northern lights through the window of a server room.
The page sits on an almost-black canvas where slow, blurred aurora blooms (violet, cyan, a touch of pink) drift behind
frosted-glass surfaces. Typography is tight and confident; a single italic serif word in each headline adds a human,
editorial accent against the engineered sans. The first viewport must feel expensive and calm, never noisy:
light does the decoration, not illustrations.

_The full prompt is available to Pro members at https://ui.ddct.top/p/aurora-glass-saas._