Layout
Logo
The wordmark and the standalone logomark.
Anatomy
No interactive example yet. The anatomy for this component lives in the Figma file; the tables below describe it.
Anatomy
Logo anatomy| # | Part | Description | Presence |
|---|
| 1 | Logomark | Standalone below 120px | Required |
|---|
| 2 | Wordmark | Full lockup | Required |
|---|
| 3 | Clear space | Equal to the mark's height | Optional |
|---|
Specifications
| Switch rule | Below 120px width, use the standalone logomark |
|---|
Interaction
Keyboard| Key | Result |
|---|
| Tab | Focus when it links home |
|---|
| Enter | Goes home |
|---|
Pointer and touch| Trigger | Response |
|---|
| Hover | Slight rotation of the mark |
|---|
Accessibility
role · image link
1.1.1Non-text Content1.4.11Non-text Contrast
Requirements| Requirement | How Rig meets it |
|---|
| Name | The link text or aria-label says “Rig, home”; image alt is empty if text is present |
|---|
| Contrast | Use the light or dark variant that gives 3:1 or better |
|---|
| Switch rule | Under 120px wide, show only the mark |
|---|
Usage
Do and don’t| Do | Don’t |
|---|
| ✓Link it to the home page | ✕Do not recolour outside the approved variants |