Skip to main content
StrelvaAssets

Strelva Brand System · August 2026

From queue
to proof.

A calm nocturnal instrument for work that reaches a verified end state. This page and the source assets behind it are the canonical Strelva identity.

Strelva

Built in Buffalo

Grounded enough to trust with consequence. Precise enough to complete the work.

01 / Core

The operating idea.

Today, Strelva builds and operates websites. For broader recurring workflows, Strelva begins with a bounded paid proof before claiming the work can be operated reliably.

01

Trigger

A real queue, case, request, or recurring obligation enters the system.

02

Control

Strelva completes what is permitted and holds consequential judgment for a person.

03

Proof

The finished result returns with its sources, changes, status, and exceptions.

03 / Color

Graphite, mineral, witness.

Dark is the brand. Sage identifies Strelva and interaction. Status colors only describe operational state.

Graphite

#020305

Page ground

Panel

#05080c

Content surfaces

Raised graphite

#0c1116

Raised surfaces

Mineral

#e8eef1

Primary type and stones

Fog

#a2a9ad

Body copy

Slate

#6c7377

Metadata

Witness sage

#96bd96

Brand and interaction

Complete

#62bb82

Verified positive state

Review

#e4ac59

Pending human judgment

Exception

#e3645e

Blocked or failed state

04 / Type

Editorial voice. Operating clarity.

Fraunces carries consequential statements and the wordmark. DM Sans carries explanation, interface, and evidence.

Fraunces · Display

Regular / Medium / Italic

Finish the work.
Return the proof.

DM Sans · Body and UI

Held for your review. The source total changed by $18,420.

Use scale and space before adding weight or color. Body copy stays short, literal, and easy to verify.

Evidence layer

CASE · BF-02618

STATUS · HELD FOR REVIEW

SOURCES · 06

UPDATED · 08:42:16 EDT

05 / Foundations

Rhythm before decoration.

A small spacing and depth vocabulary keeps long editorial pages calm. Use whitespace, type scale, and one level of elevation before adding another container.

Containers

Give each idea a width.

Copy stays narrow enough to read. Product artifacts widen only when the evidence needs the room.

Prose

One argument or form40rem

Content

Most page sections68.75rem

Wide

Guide, navigation, dense artifacts77.5rem

Spacing

04

Tight internal gap1rem

06

Card padding1.5rem

08

Panel padding2rem

12

Composition gap3rem

16

Compact section4rem

24

Section rhythm6rem

Shape

Field

0.625rem

rounded-[10px]

Card

0.75rem

rounded-xl

Panel

1rem

rounded-2xl

Action

999px

rounded-full

Elevation

Flat. Raised. Floating.

Raised content

One brighter ground and one rule. No shadow required.

Floating control

Glass only over a visual field, reserved for layers above content.

State change · 260ms

Hover, focus, selection, and compact UI feedback.

Entrance · 720ms

One orchestrated page entrance. Reduced-motion preferences remove it.

06 / Language

Evidence is the imagery.

The recurring visual composition is input, controlled stages, and a visible witness. Use real artifacts, calibrated rules, timestamps, sources, and exceptions.
Illustrative interface example Complete

Change receipt

Requested
Update Saturday hours
Completed
Website + Google profile
Reviewed by
Human owner
Evidence
2 live links · 1 diff

Never present an illustrative interface as customer proof.

Painterly Buffalo skyline at dusk

Buffalo is provenance.
Never the ceiling.

07 / Voice

Sound like the operator who checked.

Do not narrate an inevitable AI future. Say what entered, what Strelva did, what finished, what waits, and what proves it.

Plain

Short sentences. Familiar words. No consultant language.

Exact

Name the input, action, finished state, exception, and evidence.

Calm

State what happened without hype or spectacle.

Accountable

Sound close enough to the work to answer for it.

Proof-led

Show the receipt, source, change, or exception.

Say

“Held for your review.”

“47 people found you this week.”

Avoid

“Enterprise-grade solutions.”

“Fully autonomous workflow.”

08 / Components

Product language

Operational components.

Every component should make authority, state, consequence, and evidence easier to understand. Reuse these patterns before inventing another card.

Base UI operator sandbox

A tested, isolated console study: Base UI behavior under Strelva-owned controls, witness-sage focus, explicit authority, and evidence receipts.

Open sandbox

Actions

One dominant action per decision. Quiet actions stay visible without competing.

Compact actions

Operational status

Status words describe business state, not system theater. Color never carries the meaning alone.

LiveHeld for reviewWorkingBlockedNot connected
Sage
Brand and active work
Green
Verified positive state
Amber
Human judgment required
Red
Blocked, failed, or unsafe

Fields

Ask for the least input.

Labels name the decision. Helper copy sets the boundary. Placeholder text shows the expected shape without replacing the label.

Change review

Saturday hours

Held for review

CASE · WEB-042

Before

Saturday: closed

After

Saturday: 8:00 AM to 2:00 PM

Case receipt

Verified result

Complete

08:42:16 EDT

Triggered by

Approved owner request

Captured 08:38 EDT

Action

Website hours updated

Published under approved scope

Verified by

Public page response

Checked after release

2 sources attached

Blocked states explain recovery.

Say what stopped, which source disagreed, who can decide, and what happens next. Never stop at “Something went wrong.”

09 / Applications

One identity, different evidence.

The mark, type, color roles, and voice remain stable. The artifact changes with the work: a site, proposal, receipt, release, or product surface.
Illustrative proposal
Strelva

A controlled path from intake to verified result.

Useful work,
released in public.

10 / Assets

Use the source artwork.

The `brand-kit` directory is the authored package. Runtime and public exports should be generated from it, not redrawn by hand.