Rafael Belchior / Personal website
Digital identity system
A compact set of visual and editorial rules for a technical, credible, and understated personal presence.
01
Identity
Rafael's identity should read like his work: specific, technically grounded, and open to scrutiny.
Technical
Use exact language and concrete fields of work.
Direct
Lead with the point; remove ornamental phrasing.
Credible
Support statements with affiliations, work, or links.
Understated
Let evidence carry authority; avoid self-promotion.
02
Color
Reuse the current palette. Blue is reserved for links, active states, and useful emphasis.
Canvas
#FFFFFFCharcoal
#363636Link blue
#1595C6Rule grey
#A8A8A803
Typography
Security, privacy, distributed systems, interoperability.
Use one neutral sans-serif family. Weight, size, and spacing establish hierarchy without changing the site's voice.
| Name | 28 / 34 Semibold |
| Section title | 20 / 28 Semibold |
| Body | 15 / 24 Regular |
| Navigation | 12 / 16 Medium, uppercase |
| Metadata | 11 / 16 Regular |
04
Layout
A narrow navigation bar frames a centered reading surface. Content uses one main column, with two-column splits only for portraits, affiliations, or short reference material.
- Width: readable, centered, consistent.
- Rhythm: generous section gaps, compact paragraphs.
- Mobile: stack content; keep order and hierarchy.
05
Interface
Links and actions
Prefer text links. Use a bordered action only when a clear next step needs emphasis.
Interaction
- Active navigation is blue or underlined, never boxed.
- Keyboard focus uses a visible blue outline.
- Motion is limited to short color and underline transitions.
- Borders are thin, square, and functional.
06
Voice
Write in the first person. State the role, the work, and its context. Link evidence at the point where it matters.
Biography pattern
I am a research engineer working on security and privacy, distributed systems, blockchain interoperability, and interoperability for AI agents.
Consulting call to action
For research, technical review, or implementation support, get in touch.
Examples demonstrate structure and tone. Final wording should always be checked against Rafael's current biography and CV.
07
Guardrails
Keep
- — Charcoal identity
- — Direct biography
- — Blue text links
- — Real affiliations
- — Compact navigation
Refine
- — Reading width
- — Spacing rhythm
- — Heading hierarchy
- — Mobile stacking
- — Visible focus
Avoid
- — Marketing claims
- — Decorative gradients
- — Rounded card grids
- — Multiple typefaces
- — Animation for effect