Skip to content

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 13C CURSOR-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.
13A ORBITAL 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`
13B EXTRACTION

### Collector

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

`body=plain · rings=collector · wedge=extract`
13C PROTECTION · 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`
13D TERRAFORMING

### Terraformer

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

`body=plain · rings=hull · wedge=terraform`
13E INDUSTRIAL SCALE

### Drydock

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

`body=weave · rings=drydock · wedge=none · stars=1`
13F STELLAR ENERGY

### Captured star

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

`body=star · rings=collector · wedge=extract`
13G EXTREME BODY

### Horizon

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

`body=voidBody · rings=hull · wedge=extract · stars=1`
13H STATIC 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 mark drayker-marca.svg No wedge drayker-sem-cunha.svg Wide orbit drayker-orbita-larga.svg Compact drayker-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.

Dark mark escuro/drayker-marca.svg Dark signature horizontal-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#FF5500 Dk#5CE02E DAF#FF8A00 BSDK#9C8CFF Dk Network#3FA9FF LCrypt#14E0C0 UID#E8ECF5 DFM / DFMP#FFCB6B
Signatures 5 SVG

Horizontal Vertical Horizontal white Technical Technical white

Monochrome 5 SVG

One-color black One-color white Compact black Knockout black Knockout white

Application icons 10 files

Favicon 16 Favicon 32 Favicon 48 Apple touch Maskable 512 Icon 512 Icon 512 white Icon 512 dark Icon 1024

Dark scope marks 8 SVG

Emergence Dk DAF BSDK Dk Network LCrypt UID DFM

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 ↓