Primary / Horizontal01
Default brand placement. Use the complete lockup for first introductions, website headers, and product marketing.
Fabric / The brand system
Many layers.
One Fabric.
The operator workspace for agents, work, and infrastructure.
Primary identity / Horizontal lockup
Red · White · Gray · Black
Red · White · Gray · Black
01 / Identity
Independent layers.
A connected whole.
Fabric brings the places, tools, and context of work into one environment. Its identity makes that connection tangible: distinct layers of real fabric, moving together.
What Fabric is
Fabric connects agents, durable workspaces, work packets, machines, and resources in one operator workspace.
01
Connected
Keep the relationships visible. Work, context, and resources belong in the same conversation.
02
Adaptable
Flexible material. Coherent structure. The system accommodates different ways of working without losing its identity.
03
Precise
Clear language, deliberate contrast, and useful detail. Every element earns its place.
02 / Logo system
The material
is the mark.
Four woven sheets. A shared flow. Preserve the fine texture, flexible edges, and separation between layers. The supplied wordmark and symbol form the primary lockup.
Top → bottomRedWhiteGrayBlack
Secondary / Symbol02
Compact placements. Use the symbol when the product name is already clear from context.
Give every layer room.
Set x to one eighth of the visible symbol’s height. Keep at least x of clear space around the complete lockup. Measure from the artwork, not the edge of its file.
Horizontal lockup120 px min.Standalone symbol64 px min.Utility / app icon32 px preferred
Keep the artwork intact.
Preserve proportions, layer order, cloth geometry, and the original wordmark. Prefer 240 px or more for prominent lockups. Do not recolor, stretch, rotate, flatten, or add effects.
Keep its dark ground.
The supplied artwork has an opaque black background. On a light page, retain a black tile with clear space so the charcoal layer stays visible.
Keep detail at the right scale.
Use the supplied square icon for compact UI and browser contexts. Reserve the full textured lockup for sizes where the layers remain legible.
03 / Color
One signal.
A quiet foundation.
Red gives the identity its energy. White, gray, and black create separation and depth. Keep the brand palette focused; let the weave supply the richness.
Select a swatch to copy its value. Palette values and type families follow the Algodyne brand system . These are interface color targets; the artwork retains its natural shading.
Supporting surfaces
Use neutral steps for panels, not colored washes.
Carbon
#0B0B0BGraphite
#1A1A1ABorder
#2A2A2FReadable by design
Calculated sRGB contrast for these exact token pairs.
White on Core Black
19.54 : 1Ash Gray on Core Black
7.95 : 1Core Black on Red
5.26 : 104 / Typography
Human-readable.
Machine-literate.
Inter carries the product voice. IBM Plex Mono carries identifiers, measurements, and technical detail. The logo wordmark remains supplied artwork, never a font substitution.
Inter / Primary sans400 · 500 · 600
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ / → +
abcdefghijklmnopqrstuvwxyz
0123456789 & @ / → +
Display, headings, navigation, and body copy. Geist and system sans are the fallbacks.
IBM Plex Mono / Technical400 · 500
workspace / local
packet_id: WP-024
status: connected
packet_id: WP-024
status: connected
Labels, paths, keys, and numerical data. System monospace is the fallback.
Connected by design.
Keep the context close.
Bring agents, workspaces, and infrastructure into one place.
Workspace / Connected / Local
Many layers. One Fabric.
Font files are not bundled. This self-contained page uses the named families when installed, otherwise the system fallbacks. Download the type stacks and tokens
05 / Interface language
Quiet surfaces.
Clear decisions.
Keep the tactile depth in the identity. Product surfaces are flat, compact, and deliberate: neutral panels, fine structure, and red where the operator acts.
Operator workspaceWork packets
Keep execution and context together.
Ready08
Running03
Complete24
Workspace indexinglocal / workspaceRunning
Fleet inventoryremote / machinesReady
Repository contextlocal / repositoryComplete
Interactive appearance specimen with illustrative data, not live product state. Switch views or try Focus view to inspect the visual language.
4 px
A consistent spacing rhythm
Build with 4, 8, 12, 16, 24, 32, 48, and 64 px steps. Use larger intervals for section hierarchy, not empty dashboard padding.
1 px / 0 px
Fine borders. Square corners.
One-pixel structure and zero-radius surfaces. Keep textures, glow, and ornamental depth out of data panels.
Useful icons. Visible focus.
Use simple outline icons with consistent stroke weight and explicit labels. Keep focus visible and honor reduced-motion preferences.
06 / Voice & naming
Say what moves.
Show what matters.
Clear, capable, and direct. Explain the work, not the sophistication of the system behind it.
Fabric speaks like a capable tool in the hands of a capable operator.
Lead with the action. Prefer specific verbs and real objects: connect a machine, open a workspace, run a work packet.
Make state legible. Say what is happening, where, and what the operator can do next.
Stay measured. Avoid superlatives, vague intelligence claims, and promises that the product cannot demonstrate.
Action label
Connect a machine.
A concrete action with a clear object.
Workspace description
Your agents. Your context.
One workspace.
A product benefit, expressed without abstraction.
Connection error / Example
Connection lost. Try again.
Name the problem. Provide the next available action.
Naming & endorsement
Use Fabric in product copy. Use Algodyne Fabric when company attribution is needed. The standard endorsement is A product of Algodyne Corporation. Keep the capital F and lowercase remainder in prose.
07 / Brand assets
Ready to use.
1536 × 1024 · PNGOriginal artworkFull approved composition.
1320 × 498 · PNGHorizontal lockupProduct headers and brand placements.
490 × 490 · PNGStandalone symbolSquare crops and larger identity placements.
512 × 512 · PNGApplication iconA square black tile using the same artwork.
16 / 32 / 48 / 64 px · ICOBrowser iconMulti-size utility export of the symbol.
CSS · variables + componentsCSS tokensPalette, type stacks, spacing, and controls.
JSON · machine-readableDesign tokensBrand values for design and implementation.
TXT · usageArtwork notesAsset dimensions, placements, and font references.
The logo exports are derived from the approved artwork without redrawing it. PNGs retain an opaque black background; no transparent or editable-vector master is included. The ICO contains 16, 32, 48, and 64 px renditions. Font files are referenced, not bundled.