feat: add design specifications for AeroNet Visualization, Nexus Capital Render, and Summit Cloud Migration Platform

2026-07-05 20:33:13 +07:00
parent e3228af196
commit e7d4a45391
4 changed files with 625 additions and 0 deletions
@@ -0,0 +1,76 @@
+---
+version: "neuform-top-creators-featured"
+name: "Nexus Capital Render"
+description: "Nexus Capital Feature Section is designed for highlighting product capabilities and value points. Key features include reusable structure, responsive behavior, and production-ready presentation. It is suitable for component libraries and responsive product interfaces."
+colors:
+  primary: "#F2EAD3"
+  secondary: "#000000"
+  accent: "#F2EAD3"
+  background: "#000000"
+  surface: "#F2EAD3"
+  text-primary: "#FFFFFF"
+  text-secondary: "#A1A1AA"
+  border: "#27272A"
+typography:
+  display-lg:
+    fontFamily: "Inter"
+    fontSize: "64px"
+    fontWeight: 500
+    lineHeight: "1.04"
+    letterSpacing: "0"
+  body-md:
+    fontFamily: "Playfair Display"
+    fontSize: "16px"
+    fontWeight: 400
+    lineHeight: "1.6"
+  label-md:
+    fontFamily: "JetBrains Mono"
+    fontSize: "12px"
+    fontWeight: 600
+    lineHeight: "1.2"
+spacing:
+  base: "8px"
+  gap: "16px"
+  card-padding: "24px"
+  section-padding: "80px"
+rounded:
+  card: "16px"
+  control: "8px"
+  pill: "9999px"
+components:
+  card:
+    background: "Use the surface token with subtle borders and HTML-matched shadow depth"
+    radius: "Match the declared card radius token"
+  button:
+    background: "Use primary or accent colors for the main action"
+    radius: "Use the control or pill radius based on the source HTML"
+---
+# Nexus Capital Render
+Source: Neuform Featured templates from top creators. Author: Meng To (@mengto). Views: 311; favorites: 22; remixes: 15.
+Tags: feature, section, animated, bento, charts.
+## Overview
+Nexus Capital Feature Section is designed for highlighting product capabilities and value points. Key features include reusable structure, responsive behavior, and production-ready presentation. It is suitable for component libraries and responsive product interfaces.
+
+NEXUS WEALTH CORP. Beyond traditional equity. The multi-asset strategy. A dynamic portfolio framework where capital transitions seamlessly from baseline reserves to high-yield synthetic instruments. Drag the timeline to…
+## Composition
+Use the attached HTML reference as the source of truth. Preserve the visible hierarchy, first-screen composition, section rhythm, density, and interaction tone before adapting copy or content.
+Key visible headings include: Beyond traditional equity. The multi-asset strategy..
+## Colors
+Anchor the palette in primary #F2EAD3, secondary #000000, accent #F2EAD3, background #000000, surface #F2EAD3, text-primary #FFFFFF. Keep background, surface, text, and border roles distinct so generated layouts retain the same contrast pattern as the source.
+## Typography
+Use Inter for display moments and Playfair Display for body copy unless the HTML clearly demands a compatible fallback. Labels and technical metadata should use JetBrains Mono or an equivalent mono face.
+## Layout
+Keep spacing deliberate and stable. Favor the same grid direction, max-width behavior, card density, and responsive stacking seen in the HTML. Do not replace distinctive source structures with generic SaaS sections.
+## Components
+Dashboard, chart, and data panels should preserve their compact operational hierarchy, nested surfaces, and metric emphasis.
+## Motion
+Preserve existing motion cues such as masked reveals, staggered entrance, hover lift, scroll-triggered transitions, and ambient movement. Keep easing smooth and restrained.
+## WebGL & Effects
+
+If the source includes canvas, WebGL, Three.js, gradients, particles, or atmospheric effects, rebuild them as supporting layers behind the content. Keep effects performant, responsive, and secondary to the interface.
+
+## Guardrails
+- Do not flatten the source into a generic card grid.
+- Do not swap the color mode unless the source clearly supports it.
+- Preserve the first viewport signal, focal object, and visual density.
+- Keep buttons, cards, and badges aligned to the same radius and border language.