E.T - Explore Things: Web App Design DocumentLegacy format

A discovery-focused web application designed to evoke a sense of wonder, nostalgia, and cosmic exploration. Drawing heavy inspiration from the classic 1982 film E.T. the Extra-Terrestrial, the app's aesthetic bridges the gap between the vastness of the universe and the intimate magic of discovery.

Lunar White (Primary Text & Accents):#F4F6F0
Night Sky (Accents/Nebulas):#111A2E
Deep Space (Background):#050914
Magic Spark (Primary Action/Highlights):#FFB703
Headline
Aa
Search
Body
Aa
Label
Aa
Label

Color Palette

Typography

Main Logo / Primary HeadingsHand-drawn brush style with jagged, uneven edges · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Subtitles / Secondary HeadingsElegant, slightly italicized serif font · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

UI ElementsClean, minimalist sans-serif (e.g., Inter, Outfit, SF Pro) · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

A discovery-focused web application designed to evoke a sense of wonder, nostalgia, and cosmic exploration. Drawing heavy inspiration from the classic 1982 film E.T. the Extra-Terrestrial, the app's aesthetic bridges the gap between the vastness of the universe and the intimate magic of discovery.

Components

Inputs

Buttons

Cards

Card Title

Sample body text for the card component.

Do's & Don'ts

Do

Use fully rounded pill shapes for inputs and buttons
Utilize glassmorphism for large panels and footers
Use ultra-thin (1px), low-opacity borders
Leave ample negative space in glass panels

Don't

Use heavy, opaque backgrounds for UI containers
Use sharp 90-degree corners on UI elements
Clutter glass panels with excessive borders or lines
1. Core Concept & Vibe

E.T - Explore Things is a discovery-focused web application designed to evoke a sense of wonder, nostalgia, and cosmic exploration. Drawing heavy inspiration from the classic 1982 film E.T. the Extra-Terrestrial, the app's aesthetic bridges the gap between the vastness of the universe and the intimate magic of discovery.

Vibe Keywords: Cosmic, Nostalgic, Magical, Cinematic, Sleek Minimalism, Immersive Glassmorphism.

---

Download .md

License MIT
Uploaded today
Version v1
File size 5.0 KB
Downloads 1
Copies 0

Use with MCP

Using designmd mcp, download the design system https://designmd.ai/TimePlay12/e-t-explore-things-web-app-design-document-3 and implement it in my code

Don't have the MCP? Install it here