Primary lockup
Product, press, and partnership use.
Brand system / v1
A visual language for evidence, confidence, and consequence.
Use these assets and tokens when presenting Hyperoru. The system balances editorial clarity with the precision of architecture and security tooling.
Logo suite
Built to remain legible.
Keep clear space around the mark. Use the near-black lockup on light surfaces and the bone mark on near-black surfaces.
SVG
H/ monogram
Avatar, favicon, and compact product surfaces.
Colour system
Neutral first. Signal with intent.
Typography
Architectural truth should read like a considered argument.
Editorial serif / display
For thesis, consequence, and hierarchy.
Humanist sans / interface
For controls, explanation, and dense operational work.
Monospace / evidence
For identifiers, provenance, timestamps, cost, and confidence.
Hyperoru brand principles: evidence before confidence, current truth, visible uncertainty, and governed action.
Card language
Every surface answers one useful question.
The card system uses one paper surface, one structural ring, and one meaningful signal. Motion clarifies a state change; it never substitutes for a label, source, or result.
Live prototype
Evidence surface
A claim that keeps its source
Show the observation, freshness, and provenance before presenting a conclusion.
0independent sources
EVD-041 · repository route · observed 12m ago
Voice and content
Sound like the product behaves.
Hyperoru communicates like a careful reviewer: direct, specific, calm about uncertainty, and always ready to show the evidence.
Specific before impressive
Name the source, scope, confidence, and limitation instead of promising certainty.
Consequence before volume
Explain what a fact changes for a system or decision instead of celebrating counts.
Human without being casual
Use direct language, short sentences, and technical precision without corporate theatre.
Invitation before assertion
Let readers inspect the model, challenge a claim, and understand what remains unknown.
Content pillars
30%
Architectural truth
Evidence graphs, architecture drift, decision memory, and current-system understanding.
Search + authority30%
Security consequence
Reachability, blast radius, scanner context, trust boundaries, and remediation priority.
Search + evaluation25%
Governed AI
Bounded agents, model routing, MCP evidence, replayability, cost, and human authority.
Thought leadership15%
Building in public
Release gates, research methods, failure lessons, roadmap decisions, and product craft.
Trust + communityDistribution studio
One insight, shaped for the channel.
Reuse product research without flattening it into promotion. Each draft keeps one idea, one audience, and one invitation to inspect the work.
Founder point of view
Most architecture diagrams are accurate exactly once: the moment they are exported. The problem is not drawing. It is reconciliation. Code, cloud, delivery, scanner output, and human decisions all change on different clocks. We are building Hyperoru so every important relationship can answer three questions: Where did this come from? How confident are we? What decision does it change? A clean picture is useful. A picture that keeps its receipts is infrastructure.
One evidence-backed idea Invite a useful reply
Motion contract
Alive, never restless.
Motion communicates reconciliation, progress, and state. High-frequency work stays immediate. Reduced-motion mode preserves every label and result.
Press
150ms · scale 0.96Tactile feedback on deliberate controlsState
≤150ms · ease-outInterruptible hover, focus, and selectionEnter
300ms · y 12 · blur 4One-time hierarchy for a new storyExit
150ms · y -12 · blur 4A softer departure that yields attentionSystem details
Recognisable at every resolution.
Icon, image, code, and accessibility rules turn the visual idea into a repeatable product system—not a collection of one-off pages.
Iconography
Use Lucide outline icons at 16–20px with currentColor. Pair semibold labels with a 2px stroke; use 1.5px for quieter metadata. An icon supports a written label—it never replaces one when meaning is ambiguous.
Imagery
Prefer evidence diagrams, editorial AVIF grain fields, and real product states. Grain signals layered or incomplete context; it is atmosphere, never proof. Keep a 10% pure-black inner outline on light media and pure white on dark media.
Accessibility
Maintain AA contrast, visible focus, 44px targets, labelled controls, logical headings, keyboard-complete tabs, and useful alternatives for meaningful media. Reduced motion must preserve every result and relationship.
Implementation
Consume semantic tokens—paper, ink, signal, evidence, agent, and risk—rather than page-specific colour values. Use the shared brand-card and brand-card-inner primitives so radius, shadow, focus, and motion stay consistent.
Core tokens
Paper, ink, evidence, signal.
These values are the stable implementation contract. Semantic names allow the visual language to evolve without losing meaning.
:root {
--paper: #f4f1e9;
--paper-raised: #fffdf8;
--ink: #0b0b0c;
--signal: #facc15;
--evidence: #238867;
--agent: #6857d7;
--risk: #d96a3d;
--radius-card: 1.25rem;
--radius-card-inner: .75rem;
}