Evident Plainview
Design and messaging system.
Plain to see, a view you read the proof through. This guide turns the hidden cost of security into live React, Tailwind, and token primitives.
00 · how to use
Use this as the implementation source of truth.
The design export remains in `design/` as provenance. The source of truth for the app is the `@evident/plainview` package: CSS variables, local fonts, logo assets, and React primitives.
01 · the spine
Security has a visible top and an invisible bottom.
01
Make the hidden cost obvious.
02
Make the work transparent.
03
Make it self-improving.
02 · color
A cool clear base, one warm refraction.
clear
#F6F8F8
page canvas
sunken
#EEF2F2
recessed panels
ink
#13171A
primary text
secondary
#4A5358
small text floor
pewter
#9AA6AA
veins
refraction
#C29A45
one accent
03 · type
Light, optical, set with air.
display
The hidden cost.
body
The body face reads quietly. Sentence case carries the voice. Specific lines beat abstract category language.
mono
reuse x512 · fresh · response time down 38%
04 · space and translucency
Depth from layered alpha and 1px borders.
glass 01
Layer 1
glass 02
Layer 2
glass 03
Layer 3
rules
- No shadows.
- No backdrop-filter.
- Three layers maximum.
- Front pane alone carries the refraction.
05 · components
Quiet primitives, built from tokens.
buttons
inputs and tags
SOC 2DORAproof
06 · signatures
The proof pane, operating loop, and read-through.
control
ctrl-0427 · access review
evidence
attested 2026-06-14 · fresh
reuse
answered once, reusedx512
change
a CVE lands
obligation
controls mapped
work
workblock runs
proof
ledgered · fresh
ctrl-0411network segmentation · fresh
ctrl-0427access review · attested 2026-06-14
ctrl-0438mfa coverage · fresh
ctrl-0455backup integrity · fresh
07 · imagery
Imagery is evidence made visible.
01
The proof artifact
02
The lineage
03
Data as art
04
The attested document
05
Abstract glass
06
Photography, rarely
08 · motion
Motion settles like light through glass.
fast
160ms
hover and focus
base
240ms
refraction settle
slow
360ms
reveal
ease
.2 .8 .2 1
ease-out
09 · checklist
Before a surface ships, it passes these.
do
- Show the work: artifact, lineage, data, document.
- Use one champagne refraction per view.
- Keep CTAs ink or bone.
do not
- No glow, gradients, or drop shadows.
- No frosted glass or cyber cliches.
- No champagne buttons or body copy.