Spaces:
Running
Build a landing page with a retro-futuristic, people-focused aesthetic inspired by Googie architecture (The Jetsons, 50s/60s space age) and the architectural grandeur of The Talos Principle II's New Jerusalem (classical proportions with futuristic tech elements). Think: geometric patterns, dimensional shapes with depth, glowing accents, warm gradients, and optimistic space-age design—not flat, rounded rectangles.
Browse files**Visual Style:**
- Sweeping curves and flowing organic lines (not straight edges or simple rounded rectangles)
- Dimensional depth: layered elements, subtle shadows, 3D-like geometric shapes
- Integrated biophilic elements: plant motifs, organic forms woven into the design
- Color palette: white/cream backgrounds, blue glass accents (translucent/glowing), green plant elements, warm gradients (coral, peach, soft yellow)
- Typography: bold, geometric sans-serif with space-age character (think The Jetsons title font)
- Architectural elements: columns, arches, flowing curves, geometric patterns (hexagons, circles, organic shapes)
- Glowing effects: soft neon glows on key elements, not harsh cyberpunk neon
- Movement: subtle animations (floating elements, gentle pulses, organic motion)
**Layout:**
(1) Tagline "Neon Cortex is figuring out what it is. Will you help?" in large, bold typography with dimensional styling, (2) Brief intro paragraph, (3) Submissions display area above the form—show 3–5 random public submissions as dimensional cards with varied organic shapes (not uniform rectangles), flowing curves, integrated plant/geometric motifs, timestamps, optional attribution, (4) "Today's Idea" section with dimensional card styling, flowing borders, integrated visual elements, (5) "Share Your Thoughts" form with a large free-text textarea and optional fields, styled with dimensional depth and organic curves.
**Key:** Avoid flat, rounded rectangles. Use dimensional shapes, flowing curves, integrated organic elements, and architectural depth. The page should feel alive, optimistic, and human-centered—like walking through a futuristic garden city, not a flat web page.
- README.md +8 -5
- index.html +14 -18
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title: Neon Cortex Garden
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: Neon Cortex Garden 🌿
|
| 3 |
+
colorFrom: green
|
| 4 |
+
colorTo: purple
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://huggingface.co/deepsite).
|
|
@@ -1,19 +1,15 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
Also don't forget to check the
|
| 15 |
-
<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
|
| 16 |
-
</p>
|
| 17 |
-
</div>
|
| 18 |
-
</body>
|
| 19 |
</html>
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Neon Cortex Garden</title>
|
| 7 |
+
<link rel="icon" type="image/x-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2300d4ff' d='M50 10 L60 40 L90 40 L65 55 L75 85 L50 65 L25 85 L35 55 L10 40 L40 40 Z'/%3E%3C/svg%3E">
|
| 8 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 9 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 10 |
+
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;600&display=swap" rel="stylesheet">
|
| 11 |
+
<link rel="stylesheet" href="style.css">
|
| 12 |
+
<script
|
| 13 |
+
</head>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 14 |
</html>
|
| 15 |
+
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|