CURATED · OPEN · FREE

Augen Pro

Beyond Humanware.

PremiumHardware3DCleanCalm

↓ Download design system (5 MB)Open in OpenDesign

Visit: https://augen.pro

📦 Browse pack contents →

Identity DNA

augenHumanwareneuralwearableinnovation

A minimalist laboratory for human augmentation.

Color

#0071E3Accent

#0F1012Ink

#5E5E5EInk soft

#FFFFFFBG

#F2F2F4BG soft

#EFEFEFBG quiet

rgba(0, 113, 227, 0.5)Line

High-contrast minimalism with a single vibrant blue accent.

Typography

geometric-sans · monospace

display56px · 350
body16px · 350

Use geometric sans for all text. · Maintain light weight for a refined, technical look. · Use negative letter spacing for display text.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous whitespace to create a sense of focus and luxury.

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

Thin, subtle borders for containers and chips.

0 2px 10px rgba(0, 0, 0, 0.05)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A single-column centered layout with a large hero section.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Subtle fades and slides for transitions. · Smooth hover effects on buttons.

Background color change or subtle text color shift. · Subtle scale or color change.

Components

button Pill-shaped buttons with light borders and blue text.
card Minimalist cards with subtle backgrounds.
chip Outlined pill-shaped chips for categories.
input Clean, borderless inputs.
hero A large 3D render with minimal text overlay.

Voice & Don'ts

Tone Technical, visionary, and sophisticated.
Headlines Short, impactful statements.
CTAs Clear, action-oriented labels.

Don't use heavy borders — screenshot shows thin, subtle lines.
Don't use bold typography — screenshot shows light, refined weights.
Don't use multiple accent colors — screenshot shows a single blue accent.
Don't use dark backgrounds for the main hero — screenshot shows a white background.
Don't use playful or rounded shapes — screenshot shows sharp, geometric forms.
Don't use complex gradients — screenshot shows solid colors and subtle shadows.
Avoid: Cluttered layouts
Avoid: Bright, multi-colored accents
Avoid: Rounded, playful shapes

Inside the pack — real screenshots

Augen Pro — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is a premium hardware and neural technology site for 'augen' (Augen Pro), positioned as 'Beyond Humanware'. The design is minimalist and refined, using a clean white background (#FFFFFF) with a dark ink (#0F1012) and a single vibrant blue accent (#0071E3). Typography is a geometric sans-serif (PP Neue Montreal) at light weights, creating a technical and sophisticated feel. Key critical donts: do not use bold typography, do not introduce multiple accent colors, and do not clutter the layout with unnecessary elements. The site emphasizes 3D imagery and generous whitespace to create a sense of future-forward innovation.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko