Dark Tactile Neumorphic

◐

Matte · Weighted · Quiet — Style System v1.0

Live

Surface States

Base

Sunken / Flat

Raised 1

Default

Raised 2

Hover

Raised / Clay

Clay Accent

Raised / Sage

Sage Accent

Inset

Concave

Pressed

Active / Down

Rotary Controls

Volume
Clay

Gain
Sage

Trim
Neutral

Freq

Fine

Pan

Border Thicknesses

1px

2px

3px

4px · clay

3px · clay

3px · sage

r-sm · 10

r-md · 16

r-lg · 24

pill

Iconography

Stroke 1.5 · 20px

Stroke 2.0 · 20px

Controls

Live Feed

Auto Sort

Alerts

Paper Mode

Position Size62%

Risk Tolerance38%

Color System

bg-base

#1E2430

bg-raised

#242B39

bg-sunken

#171C26

edge-hi

#2E3749

edge-lo

#12161E

text-pri

#D7DBE2

text-sec

#8A95A8

accent-clay

#C8744E

clay-dim

#8A5338

accent-sage

#8CA584

sage-dim

#617359

Typography — Manrope

SemiBold 600 · 28px

Portfolio Overview

SemiBold 600 · 20px

Strategy Settings

Medium 500 · 16px

Entry Split Configuration

Regular 400 · 14px

The validation engine checks split weights, stop-loss targets, and exchange compatibility before any order is submitted to the broker.

Medium 500 · 11px · caps

Section Label

Badges & States

Neutral Active Live Inactive Error Success Disabled