76 lines
3.8 KiB
Markdown
76 lines
3.8 KiB
Markdown
|
---
|
||
|
|
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.
|