Deploy Nexusmon Community Space

README.md

@@ -19,7 +19,7 @@ tags:
 
 # Nexusmon Community
 
-This is the public creative ring around Nexusmon.
+This is the public constellation around Nexusmon.
 
 It is for:
 
@@ -61,9 +61,10 @@ This Space only shows the outer story.
 ## Tone
 
 - mythic
-- minimal
+- ritual
 - secretive
 - anomaly-led
+- public and sealed
 
 ## Style
 
@@ -72,6 +73,7 @@ This Space only shows the outer story.
 - creative
 - public-safe
 - minimal on purpose
+- a little cinematic
 
 ## Deploy
 

app.py

@@ -87,14 +87,15 @@ def build_ui() -> gr.Blocks:
         gr.HTML(
             """
             <div class="nx-hero">
+              <div class="nx-sigil">public constellation</div>
               <h1 class="nx-title">Nexusmon Community</h1>
               <p class="nx-sub">
-                A public creative ring around Nexusmon. We share symbols, stories, and small transmissions here.
+                A public constellation around Nexusmon. We share symbols, stories, and small transmissions here.
                 The engine stays sealed. The anomaly stays beautiful.
               </p>
               <div class="nx-badge-row">
                 <span class="nx-badge">mythic</span>
-                <span class="nx-badge">minimal</span>
+                <span class="nx-badge">ritual</span>
                 <span class="nx-badge">secret-anomaly</span>
                 <span class="nx-badge">sealed-core</span>
               </div>
@@ -105,7 +106,7 @@ def build_ui() -> gr.Blocks:
         with gr.Row(equal_height=True):
             with gr.Column(scale=1, min_width=320):
                 with gr.Group(elem_classes=["nx-card"]):
-                    gr.Markdown("### Mint a signal")
+                    gr.Markdown("### Cast a signal")
                     gr.Markdown(
                         "Drop one theme, one idea, or one post direction. The page returns a tiny public-safe signal."
                     )
@@ -114,7 +115,7 @@ def build_ui() -> gr.Blocks:
                         lines=3,
                         placeholder="Example: ritual launch note, fan art, community question, weekly recap",
                     )
-                    spark_btn = gr.Button("Mint signal", variant="primary")
+                    spark_btn = gr.Button("Cast signal", variant="primary")
                     spark_out = gr.Markdown()
 
             with gr.Column(scale=1, min_width=320):

custom.css

@@ -46,7 +46,7 @@ footer {
 .nx-hero {
   position: relative;
   overflow: hidden;
-  padding: 2rem 1.8rem 1.5rem;
+  padding: 2.25rem 1.9rem 1.7rem;
   border: 1px solid var(--nx-line);
   border-radius: 24px;
   background:
@@ -55,8 +55,8 @@ footer {
     radial-gradient(90% 120% at 100% 0%, rgba(255, 178, 0, 0.08), transparent 45%);
   box-shadow:
     0 0 0 1px rgba(0, 0, 0, 0.4),
-    0 26px 90px -28px rgba(0, 0, 0, 0.72),
-    0 0 36px rgba(0, 174, 242, 0.12);
+    0 30px 100px -28px rgba(0, 0, 0, 0.78),
+    0 0 48px rgba(0, 174, 242, 0.12);
 }
 
 .nx-hero::before {
@@ -85,8 +85,8 @@ footer {
   z-index: 1;
   font-family: "Outfit", sans-serif;
   font-weight: 800;
-  font-size: clamp(2rem, 4.9vw, 3.2rem);
-  letter-spacing: -0.045em;
+  font-size: clamp(2.1rem, 5vw, 3.55rem);
+  letter-spacing: -0.05em;
   line-height: 0.95;
   color: var(--nx-text);
   margin: 0 0 0.5rem;
@@ -94,6 +94,24 @@ footer {
   text-shadow: 0 0 34px rgba(0, 174, 242, 0.18);
 }
 
+.nx-sigil {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  width: fit-content;
+  margin-bottom: 0.82rem;
+  padding: 0.42rem 0.75rem;
+  border-radius: 999px;
+  border: 1px solid var(--nx-line-strong);
+  background: rgba(0, 174, 242, 0.08);
+  color: #9fe7ff;
+  font-family: "IBM Plex Mono", monospace;
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  letter-spacing: 0.16em;
+}
+
 .nx-sub {
   position: relative;
   z-index: 1;
@@ -146,8 +164,8 @@ footer {
   position: absolute;
   inset: 0;
   background:
-    radial-gradient(circle at 20% 0%, rgba(0, 174, 242, 0.08), transparent 28%),
-    radial-gradient(circle at 100% 0%, rgba(255, 178, 0, 0.05), transparent 20%);
+    radial-gradient(circle at 20% 0%, rgba(0, 174, 242, 0.1), transparent 28%),
+    radial-gradient(circle at 100% 0%, rgba(255, 178, 0, 0.06), transparent 20%);
   pointer-events: none;
 }