Sinalização
Graphic elements that orient: where you are, where things go, what kind of thing this is. Every arrow points somewhere real, every index counts something real, every line color classifies.
/01
Percurso
The route line is navigation, not ornament: stations are real destinations and "você está aqui" marks the current one. One route is one line, so it keeps one color from end to end. Static by default; the rail on this page is hydrated and follows your scroll. Horizontal, with the actual projects:
/02
Rede
Several lines form a network. A line is a continuous track of one color, running past rows it doesn't stop at. A station on several lines is an interchange: one capsule, one dot per line, never a color mix. A line can branch: here Sistema splits toward the docs while its trunk continues. Lanes are assigned automatically and reused once a line ends. This is the site's real structure.
/03
Estações
Inline markers for lists and tables. On one line: hollow ring ahead, filled once passed, solid where you are. On several lines: an interchange capsule. Where a line color is too faint for the surface (yellow on paper, blue on graphite, red on signal blue) a thin casing appears automatically, as on transit maps.
paper
graphite
signal-blue
/04
Placas
Plates carry a destination and a direction. The arrow sits on the side it points to and nudges that way on hover. Condensed Plex Sans at 85%; the second language rides along, quieter.
/05
Avisos
Attention and error become plates (yellow, red). Info and success sit on the panel tone with a rule in their color. Each tone has its own icon shape.
Textos em inglês
As notas dos artefatos ainda não foram traduzidas. / Artifact notes are not translated yet.
Configuração alterada
Este link abre o artefato com parâmetros diferentes do padrão.
Plataforma inexistente
Este endereço não leva a lugar nenhum. Volte ao início.
Link copiado
A configuração atual está no endereço copiado.
/06
Anotações
Small technical labels attached to large things. They carry real data only: here, Vigília's actual index, category, date and stack.
Vigília
/07
Linhas
Each project category rides a line. The color classifies; it never
stands alone. Mapping lives with the content
(apps/site/src/lines.ts).
| line | color | category |
|---|---|---|
| blue | #1559A6 | interaction study |
| yellow | #F2BE32 | playable system |
| red | #C93632 | rendering |
| green | #24563C | system |
| graphite | #252724 | — |