---
name: Perplexity
description: "This page demonstrates how minimal design can effectively communicate security and build trust through pure functional clarity."
version: alpha

colors:
  background: "#ffffff"
  primary: "#313131"
  tertiary: "#0000ee"
  line: "rgba(217,217,217,1)"

typography:
  display:
    fontFamily: system-sans
    fontSize: 40px
    lineHeight: 1.25
    fontWeight: 600
    letterSpacing: "-0.5px"
  body:
    fontFamily: system-sans
    fontSize: 16px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 4px
  lg: 4px
  pill: 999px

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

---

## Overview

A functional, minimalist security verification page designed for clarity and trust.

*A transparent glass door at a secure facility*

## Colors

High contrast and maximum legibility on a pure white canvas with no decorative color.

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#313131`)** — uses `ink` token
- **Accent (`#0000ee`)** — uses `accent` token
- **Borders (`rgba(217,217,217,1)`)** — uses `line` token

## Typography

- **Display:** system-sans
- **Body:** system-sans
- **Mono:** monospace

- Use system-ui stack for native rendering performance
- Strict 600 weight for primary headings only

## Layout

Vertically centered stack with left-aligned text and footer

*Rhythm:* Generous vertical white space to isolate the verification widget

## Elevation & Depth

- Borders: Thin 1px solid light gray borders on the widget

## Shapes

- `sm`: 4px
- `md`: 4px
- `lg`: 4px
- `pill`: 999px

## Components

- **button:** Checkbox-style interactive widget container
- **card:** Simple bordered container for the verification logic
- **hero:** Minimalist status message with site logo

## Do's and Don'ts

**Don't:**
- Don't use decorative images — screenshot shows only functional UI elements
- Don't use a multi-column layout — screenshot shows a single centered column
- Don't use rounded corners on the main widget — screenshot shows sharp rectangular edges
- Don't use drop shadows — screenshot shows flat design with simple borders
- Don't use decorative background patterns — screenshot shows pure white space
- Don't use lowercase headings — screenshot shows standard capitalization

---

## System Prompt (paste into AI agent)

```
Design a minimalist, security-focused verification interface that prioritizes trust and clarity. Use a pure white background with dark gray (#313131) text and standard blue (#0000ee) links. Implement a system-ui font stack for maximum compatibility and fast rendering. Key constraints: NO decorative images, NO rounded corners on the primary widget, NO drop shadows, NO complex grid layouts, and NO brand-specific typography. The layout must be vertically centered with generous white space to focus attention on the verification task. Maintain a strictly functional voice that communicates security status without marketing language.
```