Visual Identity & Brand Guidelines
The official brand architecture, color theory, geometric iconography, and audio-visual synthesis rules for AVDJ.ca and the AVDJ Studio plugin suite.
1. Visual Identity & Logo Concept
The visual identity of AVDJ.ca is anchored by the Audio-Visual Hyper-Loop — an isometric geometric emblem representing the permanent fusion of sound and light.
60° Isometric Slant
The acute 60-degree diagonal angle conveys velocity, rhythmic forward playback, and stage lighting beam projections. It breaks the monotony of 90-degree boxes.
Upper Ribbon ('A' & 'V')
The upper cyan loop forms the sharp apex of an 'A' and descending chevron of a 'V', representing the Audio / Visual spectrum and high-frequency sound waves.
Lower Ribbon ('D' & 'J')
The lower violet loop completes the rounded contour of a modern 'D' and terminal sweep of a 'J', representing Digital Jukebox and Disc Jockey performance.
The Mobius Interlock
An endless loop expressing uninterrupted real-time media synthesis: converting CDG to MP4 video and driving GPU visualizers without server delays or buffer dropouts.
Color Palette & Luminescence
Audio Spectrum: High-frequency waveforms, digital precision, Web Audio API, and audio clarity.
Visual Spectrum: GPU shaders, WebGL canvas, club stage lighting, and creative visual expression.
Harmonic Fusion: The midpoint intersection where sound directly drives generative visual motion.
Edge Highlights: Precision 3D bevel chamfer reflections creating glassmorphic luxury depth.
Void Canvas: Ultra-dark backdrop maximizing optical luminescence for neon performance interfaces.
Official Asset Registry
| Asset Format | Target Path / URL | Resolution & Usage |
|---|---|---|
| Canonical WebP URL | https://avdj.ca/uploads/2026/10/avdj-logo.webp | 35 KB WebP • Primary production CDN asset for web headers, cards, and footers. |
| Crisp Tight Master | assets/images/avdj-logo.png | 296 KB PNG • Zero dead space master for transparent UI embedding and overlays. |
| Square Avatar Master | assets/images/avdj-logo-square.png | 307 KB PNG • 1:1 Centered square badge for social media and profile icons. |
| Emissive Glow Variant | assets/images/avdj-logo-glow.png | 535 KB PNG • Atmospheric neon aura variant for hero covers and marketing. |
| Vector Source | assets/images/avdj-logo.svg | Scalable XML Vector • Infinite resolution for 4K / 8K video rendering and print. |
| Favicon Suite | assets/images/avdj-favicon.ico | 66 KB multi-layer ICO (16, 24, 32, 48, 64, 128, 256px) for browser tabs and shortcuts. |
| Core CMS Plugin Asset | plugins/avdj-studio/assets/avdj-logo.png | Integrated asset inside the Core CMS AVDJ Studio plugin directory. |
| Standalone Repo Asset | AVDJ-Studio/assets/avdj-logo.png | Asset directory in the standalone AVDJ-Studio open-source repository. |
Brand Integrity Rules (Do's & Don'ts)
✓ Do's
- Maintain Gradient Direction: Cyan (#00F5FF) must always originate in the upper ribbon, smoothly blending into Violet (#D946EF) in the lower ribbon.
- Use on High-Contrast Backdrops: Display the mark over deep dark surfaces (#070B14 void or translucent glassmorphism) for peak neon luminescence.
- Preserve Clear Space: Maintain a minimum boundary of 1x ribbon stroke width on all four sides.
- Use Official Multi-Layer Favicon: Always deploy
favicon.icowith tight borders to ensure high contrast in standard 16px browser tabs.
✗ Don'ts
- Never Invert Gradients: Do not place violet on the upper loop or cyan on the lower loop.
- Do Not Skew or Distort: Always lock the 1155:793 aspect ratio when resizing; never squash, stretch, or alter the 60-degree slant.
- Avoid Clashing Flat Colors: Do not replace the calibrated gradient with solid monochrome unless specifically required for single-color stencil etching.
- Avoid Muddy Drop Shadows: Do not apply heavy black outer shadows that mask the subtle glassmorphic bevel specular reflections.
2. Ecosystem Philosophy: The Audio-Visual Synthesis
In the broader Brain AV Ecosystem, each platform embodies a vital faculty of digital creation:
- Core CMS (The Brain & Backbone): Governs data persistence, user auth, monetization tiers, and modular plugin dispatching.
- DJAY.ca (The Sonic Transmitter): Dedicated to pure auditory exploration—radio directory streams, curated DJ mixes, track intelligence, and sound discovery.
- AVDJ.ca & AVDJ Studio (The Holographic Projector): Bridges the senses. It takes raw auditory input and translates it into synchronized visual reality—converting legacy CDG karaoke to modern MP4 video, orchestrating browser-native visualizers, and empowering live performers with browser-powered audio-visual tools.
The interlocking hex-loop is the visual manifestation of this synthesis: Audio (Blue) and Visual (Magenta) permanently linked in an unbreakable, continuous flow.
3. AI Generation Prompts
Master Logo Prompt (Minimalist Vector Link)
> Prompt: "A minimalist modern high-end vector logo mark of two interlocking diagonal hexagonal links based on the reference layout, representing 'AVDJ'. Pure clean geometry with uniform stroke width, zero busy clutter, no extra internal shapes. Clean 60-degree bevels and crisp gaps between the two interlocking ribbons. Vibrant color gradient from bright electric cyan blue at the top smoothly transitioning to rich electric magenta violet at the bottom, matching the exact clean aesthetic and soft inner glow of the Core CMS logo reference. Centered emblem on a solid dark slate background."
Monogram Letterform Variant Prompt
> Prompt: "A modern geometric monogram logo mark combining the letters 'A', 'V', 'D', 'J' into two interlocking hexagonal ribbon links. The upper link subtly incorporates the apex of an A and the chevron of a V. The lower link interlocks to complete a sleek modern D and J contour. Electric cyan to vibrant neon purple gradient with crisp neon edge luminescence matching the Core CMS and DJAY logo design language. High precision vector styling, uniform linework, centered on a pitch-black background."
App Icon & Favicon Prompt
> Prompt: "A bold, modern app icon featuring two interlocking diagonal hexagonal loops forming an abstract A-V-D-J link. Glowing neon cyan top transitioning to electric magenta purple bottom. Thick, uniform ribbons with beveled specular highlights. Tightly framed inside a rounded square icon boundary, dark void background, high-contrast digital emblem style."