Drayker Design library Propagation ↗

CANONICAL LIBRARY / SOURCE-PRESERVING

Use what exists.
Keep it intact.

Everything needed to apply the Drayker visual system without reverse-engineering it: original interactive combinations, official exports, selection rules and the complete decision record.

Browse the animation bank ↓ Download the library
ORIGINAL VARIANT 13CCURSOR-REACTIVE

body=grid · rings=shieldRing · wedge=shield · accent=#3FA9FF

01 / NON-NEGOTIABLE

The source decides.

01

Do not redraw.

Interactive marks come from the supplied drayker-mark.js. Static marks come from the supplied exports.

02

Configure, do not fork.

Use declarative attributes for a catalogued combination. New behavior belongs in a registered engine extension, never a replacement pipeline.

03

Keep the geometry.

Do not stretch, rotate, mirror or detach the wedge from its rings. The structure and its shadow are one system.

04

Choose by surface.

Light, dark and knockout files are different applications of the same geometry. Use the correct supplied family.

Official mark <svg data-drayker data-rings="mono" data-accent="#FF5500" data-gaze="0,0.34" data-animate="false" data-fit="1.5"></svg> Read the complete mark specification →

02 / ORIGINAL ANIMATION BANK

Eight tested combinations.
No replicas.

Each preview below is mounted directly by the untouched engine using the exact attributes from Turn 13 of the original Logo Variations sheet.
13AORBITAL HULL

Habitable ring ship

A wide hull with seams, radial beams, modules and navigation lights moving along the track.

body=plain · rings=hull · wedge=none
13BEXTRACTION

Collector

Dark panels and intake mouths face the body while energy moves through the two covered quarters.

body=plain · rings=collector · wedge=extract
13CPROTECTION · USED HERE

Protection

Thin rings with emitters cover two quarters with a faceted field and periodic scan.

body=grid · rings=shieldRing · wedge=shield · accent=#3FA9FF
13DTERRAFORMING

Terraformer

The hull rewrites the covered quarters as measured plots and illuminated plates.

body=plain · rings=hull · wedge=terraform
13EINDUSTRIAL SCALE

Drydock

Gantry structures cross the hull while docked vessels move along its outer track.

body=weave · rings=drydock · wedge=none · stars=1
13FSTELLAR ENERGY

Captured star

The corona disappears behind the structure and energy flows toward its collection points.

body=star · rings=collector · wedge=extract
13GEXTREME BODY

Horizon

A black body, photon ring and extraction geometry against an event horizon.

body=voidBody · rings=hull · wedge=extract · stars=1
13HSTATIC SEAL

Seal

Flat strokes, no gradient and no animation for stamps, embroidery, cutting and small applications.

body=plain · rings=seal · wedge=none · animate=false
THE NORMAL PATH

One script. One SVG. Attributes from the catalog.

<script src="drayker-mark.js"></script>

<svg data-drayker
     data-body="grid"
     data-rings="shieldRing"
     data-wedge="shield"
     data-accent="#3FA9FF">
</svg>

03 / PRODUCTION ASSETS

Select. Download. Apply.

The logo is already exported for its intended surfaces. Use these files rather than recreating a frame from the animation.
CORE / LIGHT SURFACES

Default identity

Use the official mark whenever it fits. Compact and bare variants are exceptions for sizes below 20px.

Official Drayker markOfficial markdrayker-marca.svg Drayker mark without wedgeNo wedgedrayker-sem-cunha.svg Drayker wide orbit markWide orbitdrayker-orbita-larga.svg Compact Drayker iconCompactdrayker-icone.svg
DARK SURFACES

White structure, black shadow

Use the supplied dark family on black. The ring and border become white; the wedge remains black because it is shadow.

Drayker mark for dark surfacesDark markescuro/drayker-marca.svg White horizontal Drayker signatureDark signaturehorizontal-branco.svg
SCOPE SYSTEM

Only the body changes color

The orbital structure, border and shadow follow the mark rules. Select the published scope color; never invent one.

Emergence markEmergence#FF5500 Dk markDk#5CE02E DAF markDAF#FF8A00 BSDK markBSDK#9C8CFF Dk Network markDk Network#3FA9FF Living Cryptography markLCrypt#14E0C0 UID markUID#E8ECF5 DFM markDFM / DFMP#FFCB6B
Signatures5 SVG

HorizontalVerticalHorizontal whiteTechnicalTechnical white

Monochrome5 SVG

One-color blackOne-color whiteCompact blackKnockout blackKnockout white

Application icons10 files

Favicon 16Favicon 32Favicon 48Apple touchMaskable 512Icon 512Icon 512 whiteIcon 512 darkIcon 1024

Dark scope marks8 SVG

EmergenceDkDAFBSDKDk NetworkLCryptUIDDFM

04 / SOURCE MATERIAL

The decisions remain inspectable.

The source reference is preserved as a self-contained directory. Documentation files are copied without rewriting their content.
ORIGINAL HTML / COMPLETE

Drayker Logo Variations

Open the complete chronological design sheet, with its original scripts and relative assets intact.

Open source sheet ↗ SPECIFICATION

DRAYKER-MARK.md

Concept, official mark, engine API, extension rules and accessibility.

Read document → MACHINE-READABLE

manifest.json

Artifact families, canonical animation configurations, paths and provenance.

Inspect manifest → START HERE

Library README

Directory map, selection workflow and integrity guarantees.

Read overview → OFFLINE PACKAGE

Complete library

Catalog, docs, engine, source reference and production assets in one download.

Download ZIP ↓