Brand & design system
Brand system by ShruggieTech · Version 1.0.0 · Canon 1.2.1 · github.com/h8rt3rmin8r/eso-weave
ESO Weave | Brand System01
State where the name came from and what its parts carry.
Write ESO Weave in title case in prose and lowercase in technical identifiers.
Unofficial automation for ESO
| Trait | Expression | Avoid |
|---|---|---|
| Direct | Names the observed game or application state | Vague automation claims |
| Procedural | Explains controls, prerequisites, and recovery | Hidden transitions |
| Candid | States technical, vendor, and account boundaries | Safety guarantees |
Automation may conflict with applicable game terms or lead to account consequences. ESO Weave provides controls and information, while users retain responsibility for use.
The badge-less woven carets identify dark lockups. The existing self-contained badge protects reduced and light-surface uses. Single-ink reproduction uses uninterrupted source centerlines without an artificial crossing segment.
One clear-space unit on every side: 8 units on the 100 × 100 canvas, 12.7 percent of artwork width. No text, border, icon or crop enters that band.
| mark | 32 px |
| horizontal | 160 px |
| stacked | 144 px |
| wordmark | 120 px |
Below 32 px the reduced master takes over. It ships as its own file. Do not rasterise the full mark down at runtime.
| Lockup | Mark height | Gap | Alignment |
|---|---|---|---|
| Horizontal | 160 units | 34 units | Optical center |
| Stacked | 1.70C | 0.45C | Centered on wordmark ink width |
The horizontal row records its approved master composition. C is the outlined wordmark cap height used by the stacked lockup. X is the clear-space unit declared above. Keep one X clear around every master and never resize the mark and wordmark independently.
No rotation, skew, stretch, outline, bevel or glow. Never recolour individual elements. Never set the wordmark in live text or a substitute typeface. Never combine this mark with another organization’s mark into one lockup.
Teal identifies active state and emphasis. Accessible gold identifies actions on light surfaces. Dark ink surfaces keep game and application status primary.
The bright accent #2DD4BF measures 1.75:1 on the light reading surface and is never text there. The light token block substitutes #986000 at 4.93:1 automatically. The legal foreground on an accent fill is #000000 at 11.28:1. Every fill token in brand.json carries its measured foreground.
| Colour | Means |
|---|---|
| Accent | Primary value, selection, links, focus |
| Emphasis | Needs attention, threshold exceeded |
| Fault | Failed or timed out. Always with text. |
The emphasis and failure colors may not be reliably separable under deuteranopia. That is acceptable only because state is never carried by colour alone: every state ships a written label.
Chart colors serve data visualization. Brand applications use the identity accent and the neutral surfaces. Each chart color is derived from the identity accent and measured against its surface so every entry clears 4.5:1.
Lightness is calculated separately for dark and light surfaces. Chart hues preserve the measured separation from semantic emphasis and failure colors, and no two entries sit closer than the declared minimum.
| Series | Dark | Light |
|---|---|---|
| chart-1 | #00B09E | #986000 |
| chart-2 | #7FA752 | #A35256 |
| chart-3 | #38A4D8 | #637829 |
| chart-4 | #C18E33 | #8E578F |
| chart-5 | #928CE0 | #00816A |
Series order is fixed: chart-1 is always the primary measurement. Never reorder to make a chart look better. Never introduce a sixth colour; past five series, switch to a form that does not depend on hue. A series never uses the semantic emphasis or failure colors, because those carry state.
ESO Weave uses three approved type families. Inter handles display text, Inter handles interface and reading text, and Geist Mono is reserved for literal command blocks.
| Function | Typeface | Weights |
|---|---|---|
| Display, headings | Inter | 500, 600 |
| Body, interface | Inter | 400, 500 |
| Literal code blocks | Geist Mono | 400 |
| Axis | Value |
|---|---|
| Radii | 6 / 8 / 12 / 16 / pill |
| Spacing | 4 8 12 16 24 32 48 64 96 120 |
| Focus | 2px ring at 2px offset |
Only the listed local faces are approved. Any other weight makes the renderer synthesise a faux bold, which prints badly and forces outlined glyphs into exported PDFs. Courier Prime is used only for literal command blocks.
| Token | Size | Tracking |
|---|---|---|
| display-xl | 72 | -0.030em |
| display-lg | 56 | -0.025em |
| display-md | 40 | -0.020em |
| display-sm | 28 | -0.015em |
| display-xs | 20 | -0.010em |
| Token | Size | Leading |
|---|---|---|
| body-lg | 18.4 | 1.6 |
| body-md | 16 | 1.7 |
| body-sm | 14 | 1.6 |
| body-xs | 12 | 1.5 |
| eyebrow | 12 | 0.12em caps |
This brand has no ShruggieTech parent or ownership endorsement.
ESO Weave is an independent third-party project and is not affiliated with, endorsed by, maintained by, or supported by ZeniMax Online Studios, ZeniMax Media Inc., Bethesda Softworks, or Microsoft. The Elder Scrolls and related marks are property of ZeniMax Media Inc. Users are responsible for applicable terms and consequences.
| Path | Contents | n |
|---|---|---|
| logos/svg/ | Vector masters, every lockup and colourway | 21 |
| icons/ | Web, Android, Apple, macOS, and Windows application suites | 122 |
| favicons/ | Compatibility aliases for the authoritative web suite | 18 |
| tokens/ | CSS and JSON with measured contrast | 5 |
| Path | Contents | n |
|---|---|---|
| nextjs/ | globals.css, shadcn registry, fonts, provider | 14 |
| enforcement/ | AGENTS.md, ESLint, stylelint | 4 |
| qc/ | Contact sheets. Proof somebody looked. | 2 |
| guidelines/ | The system rendered from itself | 2 |