s3://rustfs-brand/graphics/Guidelines · Graphics

Graphics图形语言

The stripe signature and the shard matrix are the only brand graphics, both taken from real erasure coding.

Graphics Stripe · Shard matrixGrid 12 col · 4pxArtboard unit u = 1/100

ModelWhere the graphics come from

An object becomes k data and m parity shards, one per drive; parity shifts each stripe.

OBJECThello.txt

D1#1

D2#2

D3#3

D4#4

P1#5

P2#6

One write · EC 4+2

Successive writes · EC 4+2

Stripe signatureStripe signature

Four data and two parity shards: the smallest brand graphic.

Standard 4+2

On Ink

On Signal: parity turns Ink

One shard missing: for healing topics

Rule	Standard
Structure	Always 4 + 2, gap 32% of a shard
Size	⅓ of the wordmark height, ≥ 6px
Placement	Sign-off, mark or divider; once per layout
Colour	On Signal: data white, parity Ink

Shard matrixShard matrix

Columns are drives, rows are stripes. Generate it by the rule; never arrange by hand.

<ShardMatrix cols={16} rows={8} k={12} m={4} seed={7} />

Drives16Stripes8Data k12Parity m4Missing0Failed drives0

Mode

Dissolve

Surface

Seed7

EC 12+4: data stays readable with any 4 drives offline.

solid: the default key visual

tone: three data shades for depth

outline: data as outlines, parity becomes the focus

dissolve: thins toward a corner to make room for type

dead: failed drives, for fault tolerance

missing: scattered gaps, for healing

To make room for type, dissolve the matrix; never lay a scrim over it.

GridLayout grid

Web: 12 columns, 1240px max. Artboards: measured in u, 7u margin.

Web: 12 columns, 24px gutters

7u1.0.1

Artboard: u = short side / 100, 7u margin

Breakpoint	Width	Columns	Gutter
Phone	< 640px	4	16px
Tablet	640–1023px	8	24–40px
Desktop	1024–1439px	12	40–64px
Wide	≥ 1440px	12, content max 1240px	64px

DiagramsDiagrams

1px outlines, square corners, orthogonal connectors; RustFS in blue.

AWS SDK

mc / aws-cli

Applications

S3 API:9000

RustFS · Pool 1

node-1

node-2

node-3

node-4

LinesHorizontal and vertical only

ColourOne Oxide path per diagram

TextMono for ports and paths

ImageryImagery and screenshots

Real screenshots and photos only; no stock or AI imagery.

BucketsAccessReplicationLifecycleSettings

BucketsCreate bucket

Name	Objects	Size	Erasure
my-bucket	1,284	12.4 GiB	EC 4+2
models	312	86.1 GiB	EC 4+2
logs-2026	48,907	3.2 GiB	EC 4+2
backups	96	410 GiB	EC 8+4

Screenshots: square, 1px frame, no device chrome, no shadow

Product screenshots

Canonical sample data, never customer data
1px frame; no device chrome or perspective
One Oxide frame for emphasis

Photography

Real hardware and events, neutral light
Ink duotone on brand surfaces

Do & Don'tGraphic rules

DoA matrix generated by the erasure rule; parity forms diagonal bands.

Don'tArbitrary squares, dots and gradient light effects.

DoThe stripe as a footer sign-off, once per layout.

Don'tChanging the stripe's count or colours, or making it round.