Node Manifest

Core Elements

The atomic functional units of your ecosystem. In BrilliantNode, all content components are unified Frames synthesized with specific semantic markers and architectural properties.

Text Logic (Strings)

Frame-based text nodes for all written manifests. These are fundamentally Frames where `type='text'`, available as presets for Headings, Paragraphs, and Labels by applying specific semantic HTML metadata.

Preview Morphology

Architectural Headlines

Section Node

Sophisticated and readable body strings for your users. Optimized for long-form abstract manifests.

System Label

Deployment Cases

  • For primary taxonomy titles and section headings (H1, H2, H3).
  • For abstract body text and descriptive manifests (Paragraph).
  • For functional labels and micro-strings (Label).

Configurable Node Settings

String ContentThe actual text to manifest within the viewport.
Semantic MarkerChoose `h1`-`h6` for headings, `p` for paragraphs, or `label`. This is mapped to the Frame's `semantic.tag` property.
Font MagnitudeSelect from architectural presets (xs to 6xl) or assign custom pixel values.
Weight ProtocolControl text thickness from Minimalist (100) to Black (900).
Surface ColorAssign the precise hex code or variable for your strings.
Gradient SynthesisEnable gradient text logic with customizable start/end nodes.

Functional Buttons

Interactive Call-to-Actions are Frames containing a text or icon child, combined with spatial padding, radius logic, and link protocols. They trigger state transitions or navigation sequences.

Preview Morphology

Deployment Cases

  • For primary conversions (CTAs) like 'Sign Up' or 'Initialize'.
  • To link to external manifests or adjacent page nodes.
  • To submit form data matrices or trigger visual interactions.

Configurable Node Settings

Action TypeChoose Generic, Submit Protocol, or Reset Protocol.
Style VariantPrimary (Solid Slate), Outline (Stroke Only), Ghost (Transparent Carrier).
Surface FillBackground color/gradient for the interaction node.
Border MatrixAdd strokes with custom width, color, and dash style.
Node RadiusControl the geometric roundness of the interaction carrier.

Visual Artifacts (Images)

Adaptive Frames that function as image carriers by setting `fill.type` to `image`. These nodes support complex cropping, filters, and link overlays.

Preview Morphology

Architecture Example

Artifact Metadata

Deployment Cases

  • To display product artifacts or team visual nodes.
  • For hero backgrounds and visual storytelling.
  • As clickable image links to adjacent manifests.

Configurable Node Settings

Aspect TopologyForce specific geometric proportions (16:9, 1:1, custom).
Scale LogicControl width, height, and maximum dimensional boundaries.
Node FillAssign background colors while artifacts are loading.
Carrier RadiusRound the corners of the artifact container.

Glyphs (Icons)

Scalable vector nodes with granular color and magnitude controls. Uses the System Icon repository for cohesive, high-performance visual indicators.

Preview Morphology

Deployment Cases

  • For feature highlight nodes and functional indicators.
  • Combined with strings in button clusters.
  • As structural decorative artifacts in the UI topology.

Configurable Node Settings

Icon SelectorChoose from the unified system glyph library.
Glyph ColorAssign the hex code for the vector stroke.
MagnitudeControl glyph sizing (e.g., 24px, 3.5rem).