CURATED · OPEN · FREE

Wonder Me

A standard browser connection error page for an unavailable SaaS collaboration platform.

SaaSProductivityCollaborationCleanMinimal

Open in OpenDesign

Visit: https://wonder.me

Identity DNA

errorconnectionunavailableminimalsystem

A standard browser error page with minimal custom branding.

Color

#000000Ink

#FFFFFFBG

#666666Muted

rgba(0,0,0,0)Line

System default monochrome palette for error states.

Typography

system-sans · monospace

display28px · 400

System font stack used for all text · Error code displayed in monospace font · Body text uses standard system sans-serif

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Standard vertical spacing between text elements

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

None visible

Layout

1280container

1columns

24pxgutter

768 / 1024breakpoints

Standard browser error page layout with left-aligned content

Motion & Interaction

0msmicro

0mssmall

0msmedium

lineareasing

No animations or transitions visible

None · None

Components

button None
card None
chip None
input None
hero None

Voice & Don'ts

Tone technical
Headlines Direct error statement
CTAs None

Don't add custom branding to error pages — screenshot shows system default styling
Don't use decorative colors — screenshot shows black text on white background
Don't add custom icons — screenshot shows standard browser error icon
Don't include navigation or footer elements — screenshot shows minimal error content
Don't use custom typography — screenshot uses system fonts
Don't add shadows or borders — screenshot shows flat, borderless layout
Avoid: Marketing language
Avoid: Brand personality
Avoid: Visual complexity

System prompt

This is a standard browser error page indicating the Wonder.me website is unavailable. It uses a completely default browser styling with black text on a white background, system sans-serif fonts, and a standard error icon. The page contains minimal content: an error title, explanatory text, and a technical error code. There are no brand colors, custom components, or design elements specific to the Wonder.me platform. Critical constraints: no custom styling, no brand colors, no custom fonts, no decorative elements, no navigation, and no interactive components.

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 ↗

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