Evervault

Evervault

Take control of your payments stack with Evervaults powerful encryption model, secure your data while maintaining full control and flexibility of your payment experience.

4.0
9
Visits
Visit

Available Pages

Version History

Design Analysis

Evervault Home design analysis

Build dark product-marketing pages that feel secure, engineered, and product-first. The voice should come from midnight depth, crisp white type, violet signal energy, and clear proof that the software handles sensitive p...

Overview

Build dark product-marketing pages that feel secure, engineered, and product-first. The voice should come from midnight depth, crisp white type, violet signal energy, and clear proof that the software handles sensitive payment flows without theatrics.

Image Direction

Use product imagery like evidence. Favor payment cards, tokenized fields, dashboards, and code tabs staged inside dark panels with a faint violet atmosphere. Background effects can sparkle or drift, but they should always support a legible security artifact rather than becoming the subject.

Colors

Base the interface on a nearly black field with mist-white text and steel panel edges. Violet is the core atmospheric accent, with occasional lilac lift and rare bright-blue product actions inside embedded UI. Keep the palette cold and disciplined.

Typography

Use a compact sans display for headlines and a neutral sans for body copy. The system should feel contemporary but not playful. Pull in mono only for code tabs, logs, or implementation cues.

Design.md

System Overview

Core identity and authoring metadata from the refto.one design model.

Cipher Aurora Payments

A dark payments-security system built from midnight shells, violet signal glow, and product-led trust surfaces.

technical, nocturnal, and high-trust with controlled cosmic glow

Primary mode: darkpayments security marketingproduct-marketing

Theme

Fields outside the primary renderer remain visible here as structured fallback content.

Visual atmosphere
Summary
technical, nocturnal, and high-trust with controlled cosmic glow
Density
4
Variance
3
Motion
3
Signals
midnight canvas · violet gradient atmosphere · payment-card imagery · security proof modules

Colors

Primitive palettes and resolved token colors for the active preview mode.

Palette colors
Midnight Core
#010314
Security Violet
#6F45F5
Signal Lilac
#A894FF
Panel Steel
#2A2B3A
Mist Text
#DFE1F4
Action White
#FFFFFF
Product Blue
#0B6EF9
Usage rules
Keep the page overwhelmingly dark so security proof carries the composition.
Use violet as atmosphere and framing, not as a blanket fill color.
Reserve pure white for decisive actions and critical text.

Token Spacing

Spacing scales rendered as tokens with a simple length specimen.

xs
6px
sm
10px
md
16px
lg
24px
section
96px

Token Radii

Corner radii tokens with a live surface sample.

sm
10px
md
16px
lg
24px
full
999px

Typography Families

Font families from the current design YAML, including fallback stacks and usage character.

Display
Roobert
compact, contemporary, and authoritative
Body
Inter
clear operational copy
Mono
Roboto Mono
code, tabs, and implementation detail

Typography Scale

Top-level typography scale rendered as live text specimens.

Display
3.5rem/—
Display
H2
2.25rem/—
H2
Body
1rem/—
Body
Caption
0.8125rem/—
Caption

Typography Rules

Fields outside the primary renderer remain visible here as structured fallback content.

Rules
Use a dense sans display with short lines and tight tracking. · Keep body copy crisp and medium-weight against the dark field. · Confine mono usage to product or implementation moments.

Motion

Motion tokens rendered as resolved values for timing and personality.

Duration
180ms-420ms
Easing
cubic-bezier(.22,.9,.2,1)
Spring
stiffness 120, damping 18

Motion

Resolved motion token values.

PropertyValue
duration180ms-420ms
easingcubic-bezier(.22,.9,.2,1)
springstiffness 120, damping 18

Layout Principles

Lead with a large hero atmosphere, then settle into modular proof sections.
Balance left-aligned copy with centered or right-weighted product artifacts.
Let dark negative space separate security topics instead of adding decorative chrome.

Component Preview

Low-complexity component tokens rendered as design-system specimens.

Buttons primary
Base Attributes
Background
#FFFFFF
Text
#111111
Border
1px solid #FFFFFF
Radius
999px
Padding
14px 24px
Min height
44px
Buttons secondary
Base Attributes
Background
transparent
Text
#DFE1F4
Border
1px solid #383A4D
Radius
999px
Padding
14px 24px
Min height
44px
Navigation pill
OverviewFeaturesDocs
Base Attributes
Background
#171825
Text
#FFFFFF
Border
1px solid #383A4D
Radius
999px
Item padding
12px 18px
Cards proof
Feature Card
Component preview content
Base Attributes
Background
#171825
Text
#DFE1F4
Border
1px solid #383A4D
Radius
24px
Padding
24px
Cards product
Feature Card
Component preview content
Base Attributes
Background
#0D1020
Text
#FFFFFF
Border
1px solid #2A2B3A
Radius
20px
Padding
20px
Tabs code
Base Attributes
Background
#171825
Text
#FFFFFF
Radius
10px
Inactive text
rgba(255,255,255,0.35)

Image direction

Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.

Role
load-bearing
Media types
  • -
    payment card render
  • -
    secure product UI
  • -
    code surface
  • -
    signal particles
Subject patterns
  • -
    card data transition
  • -
    encrypted fields
  • -
    developer tools inside dark frames
Composition logic
  • -
    Use one dominant security artifact per section.
  • -
    Keep visual effects aligned to the product narrative, not floating independently.
Treatment rules
  • -
    Favor violet atmosphere over multicolor gradients.
  • -
    Keep screenshots sharp, dark, and embedded into the page shell.
Generation cues
  • -
    midnight fintech security interface
  • -
    violet payment glow
  • -
    dark encryption dashboard
Avoid
  • -
    No warm lifestyle photography.
  • -
    No floating pastel blobs.

Anti Patterns

Compact list of patterns the design system explicitly avoids.

  • -
    Do not introduce playful consumer-social colors or emoji-heavy UI.
  • -
    Do not flatten every panel into generic SaaS white cards.
  • -
    Do not replace product proof with abstract AI fog.