Overview
- Use darkness as the main material.
- Let lime function as a signal rather than a blanket fill.
- Make the interface feel like an experimental lab prototype, not a mainstream SaaS dashboard.
Brainsave
Brainsave offers a comprehensive suite of services for capturing, preserving, and interacting with personal memories and experiences.
Interactive3dLarge TypeIllustrativeDigital ProductParallaxAiBlack WhiteAnimationBig Background VideoDarkPersonalTransitions
5.0
5
Visits
Categories
Sections
Available Pages
Version History
Workflow Collections
Design Analysis
Brainsave Home design analysis
Use darkness as the main material. Let lime function as a signal rather than a blanket fill. Make the interface feel like an experimental lab prototype, not a mainstream SaaS dashboard. Use framed prototype surfaces and...
Key Takeaways
- Use darkness as the main material.
- Let lime function as a signal rather than a blanket fill.
- Make the interface feel like an experimental lab prototype, not a mainstream SaaS dashboard.
- Use framed prototype surfaces and small glow fields.
- Keep glows peripheral and purposeful.
- Protect black negative space so the signals feel rare and valuable.
Image Direction
- Use framed prototype surfaces and small glow fields.
- Keep glows peripheral and purposeful.
- Protect black negative space so the signals feel rare and valuable.
Colors
- Black should dominate the shell.
- Lime belongs to actions, labels, and small callouts.
- Blue glows can support atmosphere but should never replace lime as the core signal.
Typography
- Use a lean grotesk across the system.
- Keep copy factual and compact.
- Avoid decorative type flourishes.
Design.md
System Overview
Core identity and authoring metadata from the refto.one design model.
Neon Memory Lab
A dark speculative biotech system built from black voids, lime signal color, glowy atmospheric fields, and framed prototype surfaces.
Dark, experimental, and speculative.
Primary mode: darkmemory and neuroscience technologycontent-rich
Theme
Fields outside the primary renderer remain visible here as structured fallback content.
Visual atmosphere
Summary
Dark, experimental, and speculative.
Density
2
Variance
4
Motion
2
Signals
black void · lime signal color · framed prototypes · ambient glow haze
Colors
Primitive palettes and resolved token colors for the active preview mode.
Palette colors
Void Black
#050505
Signal Lime
#E6FF75
Olive Border
#525A39
Charcoal Panel
#121212
Electric Blue Haze
#3553FF
Usage rules
Keep most of the page black.
Use lime sparingly and precisely so it keeps its signal quality.
Token Spacing
Spacing scales rendered as tokens with a simple length specimen.
xs
0.4rem
sm
0.65rem
md
1rem
lg
1.5rem
xl
2.25rem
section_gap
clamp(4.5rem, 9vw, 8rem)
Token Radii
Corner radii tokens with a live surface sample.
control
999px
card
16px
panel
20px
full
999px
Typography Families
Font families from the current design YAML, including fallback stacks and usage character.
Display
GroteskWeb
neutral futuristic grotesk
Body
GroteskWeb
compact lab sans
Typography Scale
Top-level typography scale rendered as live text specimens.
Display
clamp(2.6rem, 5vw, 4.2rem)/—
Display
H2
clamp(1.8rem, 3.5vw, 2.6rem)/—
H2
Body
0.98rem/—
Body
Label
0.8rem/—
Label
Typography Rules
Fields outside the primary renderer remain visible here as structured fallback content.
Rules
Keep type lean and factual. · Avoid oversized soft luxury typography; the mood should stay experimental.
Motion
Motion tokens rendered as resolved values for timing and personality.
Duration
160ms-220ms
Easing
cubic-bezier(.3,0,.2,1)
Motion
Resolved motion token values.
| Property | Value |
|---|---|
duration | 160ms-220ms |
easing | cubic-bezier(.3,0,.2,1) |
Layout Principles
Let darkness dominate and make signals feel intentional.
Anchor each section with one framed prototype or one lime callout.
Component Preview
Low-complexity component tokens rendered as design-system specimens.
Buttons primary
Base Attributes
Background
#E6FF75
Text
#050505
Border
none
Radius
999px
Padding
0.7rem 1rem
Min height
38px
Shadow
none
Buttons secondary
Base Attributes
Background
transparent
Text
#E6FF75
Border
1px solid rgba(230,255,117,0.35)
Radius
999px
Padding
0.7rem 1rem
Min height
38px
Shadow
none
Cards default
Feature Card
Component preview content
Base Attributes
Background
#121212
Text
#E6FF75
Border
1px solid rgba(230,255,117,0.18)
Radius
20px
Padding
1.25rem
Shadow
none
Navigation desktop
OverviewFeaturesDocs
Base Attributes
Background
transparent
Text
#E6FF75
Height
39px
Active text
#E6FF75
Item padding
0.35rem 0.7rem
Item radius
999px
Image direction
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Role
supportive
Media types
- -prototype frame
- -ambient glow field
Subject patterns
- -one framed experimental device
- -small floating signal pill
Composition logic
- -Keep glows in the periphery and framed surfaces near the center.
- -Protect large areas of black negative space.
Treatment rules
- -Preserve a matte black base.
- -Keep lime accents crisp rather than blurry.
Generation cues
- -Prompt for black lab void, lime signal modules, soft blue peripheral glow, and prototype frame geometry.
Avoid
- -No cyberpunk rainbow palette.
- -No obvious game UI tropes.
Anti Patterns
Compact list of patterns the design system explicitly avoids.
- -No bright white shell.
- -No multi-color playful palette.
- -No glassy fintech chrome.