Ray System v0.1 / Ray Svitla / prototype
01 / visual guideline

rules
with a
pulse

one strict system. one material interruption. Ray Svitla carries the body and the spine.

INK#101010 / infrastructure
PAPER#FCFCFC / reading field
VIOLET#7C56F6 / full-bleed field
FUCHSIA#EA4591 / interruption
LIME#ABFA4F / action / proof
typography

TYPE IS
THE FIRST
COMPONENT

Display type creates the interruption. Inter carries instructions, evidence and actual work. No headline gets to cosplay as an interface.

material interruption

Use one deliberately rough line, cropped object, or archived image. It must be a witness, not wallpaper.

carry forward
  • 01Grain, blurred geometry and thin glowing edges / only when they clarify a field or state.
  • 02Hard rails, proof labels and compact metadata to make density legible.
  • 03Naive line work as authored evidence, never generic icon fill.
leave historical
  • ×legacy marks, inherited product language and campaign memes.
  • ×Every accent colour at once. Colour has to earn its job.
  • ×Soft cards, decorative gradients and fake “warmth”.
provenance

a system
with a memory

built from a private archive, field references and working constraints. the source informed the moves. it does not appear here as a second brand.

Field memo / 2026 / internal draft

design
leaves
evidence

a working document for deciding whether a screen, page or object belongs to Ray's system, before a nice-looking surface talks everyone into a bad choice.

Author
Ray System
Source
private archive / Ray Refs
Status
Use, then revise

Start from the object

The system begins with what is actually there: a reference, a constraint, a date, a piece of text that refuses to become generic, a product decision somebody has to make. A colour palette is only useful once it helps that thing speak.

Rule 01 / infrastructure first

Ink, paper, rail, label, order. If the hierarchy disappears without violet, lime or a grain texture, it was never hierarchy. It was camouflage.

Rule 02 / one break in the grid

Each major surface gets one human interruption: a real object, a rough line, a materially specific image, or one sentence that does not sound like it survived a brand workshop.

“Human” is not a rounded corner with a sad little gradient.

Rule 03 / show the source

When an image is used, name why it is there. When a claim appears, give it context. The point is not bureaucracy; it is making taste inspectable instead of mystical.

Rule 04 / leave room for revision

the archive is not a costume to worship. it records useful moves: violet as a field, imperfect lines as signals, colour with a sense of humour. keep the move, lose the costume.

Ray System / private preview

make it
land

a visual operating system for work that has to be public, useful and recognisably yours, without turning into personal-brand wallpaper.

Ray Svitla / source recovered, rules rewrittenno generic SaaS furniture

A system for objects, documents and interfaces that have to keep their nerve after the first scroll

It starts from evidence. It uses a hard visual chassis. It lets a little human weather in only where it changes the reading.

01 / surfaces
PRODUCTS
THAT ACT.

Operational UI that tells you what matters, why it is there, and what you can do next.

02 / documents
TEXT
WITH A BODY.

Readable writing with real sources, hard hierarchy and no decorative corporate sighing.

03 / public work
PAGES
THAT STAY.

A public surface that is specific enough to remember and structured enough to maintain.

Ray System v0.1

Build from the system,
not the mood

Private Tailnet prototype.
Source material remains private.

Inspection queue

Does this belong?

SOURCE LINKED
Candidate material / 03
R122 · visual.object

Swatch translucent
square day-date watch

Object UI, transparent polymer, time as a screen.

ARCHIVE · source

private archive
line set

colour grammar, rough illustration, hard fields.

SYSTEM · rule

One human
interruption

Evidence, not ambient decoration.

Selected inspection
R122 · VISUAL.OBJECT

TRANSLUCENT
TIME AS UI

The watch belongs because it makes interface logic physical: a black dial behaves like a screen, coloured hands behave like indicators, and the day-date window is an honest little data module.

transparent blue polymerblack screen dialday/date module
DECISION TRACE
→ KEEP: physical interface logic
→ TRANSFORM: transparent material + simple information module
→ AVOID: literal watch skeuomorphism
→ USE: object reference, not product feature brief
Ray System spiral mark