Copied!
Section 01

Identity

The foundational layer. Every visual, verbal, and systemic decision originates here.


Owner
NameAyman Elmasry
RoleVisionary · AI Orchestrator · Brand Designer · Founder @ AEL Digital Studio
Entity (UAE)Ayman Elmasry LLC
Entity (Egypt)Ayman Elmasry & Founder @ AEL Digital Studio
Company
Brand NameAEL Digital Studio™
TypeAI-first technology and design company
Domainaymanelmasry.com
Secondaryaymanelmasry.me
GitHubgithub.com/aymanelmasryael
Emailayman@aymanelmasry.me
Mission

Empower creators, developers, designers, and organizations through intelligent visual systems and AI-powered design infrastructure.

Vision

Become one of the world's leading companies in AI-driven visual computing, computational creativity, and intelligent design systems.

Core Values
InnovationAdvance the frontier of what intelligence can design.
TrustSystems that earn confidence through transparency and reliability.
PrecisionEvery pixel, every token, every decision — intentional.
IntelligenceDesign informed by data, research, and computational reasoning.
SimplicityRemove until only function remains.
ClarityAmbiguity is a design failure.
ScalabilitySystems that grow without breaking.
ResearchContinuous inquiry into visual computing and AI.
Engineering ExcellenceCode-level rigor applied to visual output.
Human-Centered DesignTechnology in service of human capability.
Brand Personality
ProfessionalConfidentMinimal
ElegantPreciseTechnical
Forward-thinkingCalmModern
VisionaryNever playful. Never childish. Never loud.

Target Audience

AI Engineers Software Engineers Developers UX Designers Product Designers Creative Directors Brand Strategists Technology Companies Startups Enterprise Clients Universities Researchers
Design Philosophy

Invisible Design. Every visual element must have a functional purpose. Whitespace is part of the system. Minimal interfaces. Swiss-inspired typography. Grid-based layouts. Strong visual hierarchy. No decorative effects. No unnecessary gradients. No visual noise.

Section 02

Logo System

The AEL logo is a modular geometric mark. It is never redrawn, never reinterpreted, never stylized.


Logo Meaning

The logo is built from a 7x7 square grid. The top segment forms the letter "A" through negative space — a curved arch carved from a solid block. The bottom segment is a matrix of 4x4 blue squares representing structured intelligence, modular systems, and computational precision. The mark reads as both an architectural form and a digital signature.

Primary Logo

Dark background  ·  Blue background  ·  Light background

Safe Area

Safe area = 50% of logo height on all sides. Minimum size: 24px digital, 8mm print.

Correct Usage

DO
Use only the approved SVG. Maintain aspect ratio. Apply on black, white, or AEL Blue.
DO NOT
Stretch, rotate, or skew. Apply drop shadows or gradients. Change blue squares to another color.
Section 03

Color System

A calibrated spectrum. Click any "Copy HEX" to copy the value.


Primary

AEL Blue
#0074FF
Trust · Intelligence · Primary action

Secondary

AEL Violet
#6C47FF
Innovation · Vision · Secondary accent

Accent & Semantic

AEL Teal
#00D4AA
Growth · Success
AEL Pink
#FF4D8D
Energy · CTA
AEL Amber
#F59E0B
Warning · Attention
Success
#10B981
Confirmation
Error
#EF4444
Destructive
Info
#3B82F6
Information

Neutral Scale

#000
900
800
700
600
500
400
300
200
100
50
#FFF

Design Tokens (CSS)

/* Brand Colors */ --color-blue: #0074FF; --color-violet: #6C47FF; --color-teal: #00D4AA; --color-pink: #FF4D8D; --color-amber: #F59E0B; --color-success: #10B981; --color-error: #EF4444; --color-info: #3B82F6; /* Neutrals */ --neutral-900: #111111; --neutral-800: #1A1A1A; --neutral-700: #2D2D2D; --neutral-600: #525252; --neutral-500: #737373; --neutral-400: #A3A3A3; --neutral-300: #D4D4D4; --neutral-200: #E5E5E5; --neutral-100: #F5F5F5; --neutral-50: #FAFAFA;
Section 04

Typography

A two-font system engineered for readability, hierarchy, and Swiss precision.


Font Stack

RoleFontFallback
HeadingInter-apple-system, sans-serif
BodyInter-apple-system, sans-serif
MonoJetBrains MonoSF Mono, monospace

Type Scale

H1
800 · 64px / 1.1 · -0.03em
Build intelligent systems
H2
700 · 48px / 1.15 · -0.02em
Computational design
H3
600 · 32px / 1.2 · -0.02em
AI-driven visual computing
Body
400 · 16px / 1.6
AEL Digital Studio is an AI-first technology and design company focused on building intelligent digital systems.
Section 05

Components

Standardized interface primitives.


Buttons

Radius: 8px | Padding: 12px 24px | Weight: 600

Tags

AIDesign SuccessActive WarningDone Failed

Grid System — Advanced Layouts (11 Patterns)

12-column fluid grid. Gap: 24px. Max container width: 1280px. All layouts inherit the same spacing and alignment rules.

Layout 01 — Full-Width Hero 12 / 12
Hero / Section Title
Layout 02 — Content + Sidebar 8 / 4
Main Article
Sidebar / Meta
Layout 03 — Feature Cards 4 / 4 / 4
Card 01 Feature description
Card 02 Feature description
Card 03 Feature description
Layout 04 — Gallery / Partners 3 / 3 / 3 / 3
1
2
3
4
Layout 05 — Nested Complex Card Nested (Inner 2+2)
Main Content Area
Inner 1
Inner 2
Side Panel
Meta Info
Layout 06 — Split Screen (Hero) 6 / 6
Visual / Image (6 Columns)
Content Block Headline · Subtext · CTA
Primary Ghost
Layout 07 — Asymmetric (Visual Weight) 7 / 5
Main Feature (7 columns)
Supporting (5 columns)
Layout 08 — Fluid Auto-Fill (Dynamic Wrap) auto-fill (minmax 180px)
Card A
Card B
Card C
Card D
Card E
Layout 09 — Sticky Sidebar (Pinned) 8 (scroll) + 4 (sticky)
Scrolling Content Area
More content...
📌 Sticky Panel Always visible on scroll
Layout 10 — Vertical Stack (Space Between) Flex Column · Justify: Space-Between
Header (Packed) Action
Item 1 Value
Item 2 (Space between) Status
Layout 11 — Overlap Layer (Z-Index) Relative + Absolute
Background Container
🏗️ Overlay Card Rises above background Z-Index +1
Columns
12
Gap
24px
Max Width
1280px
Margins (Desktop)
80px
Margins (Mobile)
24px
Breakpoints
768px · 1024px · 1440px
Section 06

Imagery

Visual assets governed by precision.


AI-Generated Image Guidelines

Dark environments, geometric compositions, blue/neutral palette, no text, no fantasy. Prompt structure: [subject] · dark environment · minimal composition · blue accent · architectural photography

Section 07

Voice

The linguistic layer of the brand.


Tone Principles

ProfessionalExpert, no casual language.
TechnicalPrecise terminology.
MinimalShort sentences. One idea per sentence.
ConfidentDirect statements. No hedging.

Examples

Correct
AEL reduces asset production time by 60% through automated design tokens.
Incorrect
We're excited to announce our amazing new platform!
Section 08

Templates

Standardized output formats.


TemplateDimensionsFormat
LinkedIn Post1080 x 1350PNG / JPG
Instagram Post1080 x 1080PNG / JPG
Presentation1920 x 1080PDF / PPTX
Section 09

Assets

Production-ready files and the complete operating protocol.


Logo Package

FileFormatUsage
ael-logo-primarySVGWeb, digital interfaces
ael-logo-whitePNGDark backgrounds
ael-logo-monochrome-blackSVGLight backgrounds

Master Operating Protocol

The complete AEL Master Operating Protocol (v1.0) in raw text format. This is the Single Source of Truth for AI system prompting.

Section 10

Protocol Summary

Architectural principles distilled from the full AEL Master Operating Protocol.


Core Disciplines

01
Architecture-First
Always begin with Architecture → Specification → Implementation → Validation.
02
Scope Lock
Define the scope. Do not expand into frameworks unless requested.
03
Single Source of Truth
Identify the authoritative source. Do not guess.
04
Minimal Safe Change
Inspect existing systems first. Implement with the smallest impact.
05
Reality & Verification
Distinguish Known, Verified, Inferred, Unknown.
06
Anti-Distraction
Answer directly. No praise. No alternatives. Stop when complete.

Final Execution Rule

Understand the System. Understand the Intent. Define the Scope. Identify the Source of Truth. Define the Architecture. Specify the Contract. Assess Change Impact. Preserve Existing State. Implement Precisely. Validate Completely. Report Reality Honestly. Recover Safely From Failure. Provide Complete Required Information. Avoid Unrequested Expansion. Confirm Completion. Stop When the Objective Is Complete.

AEL Digital Studio ™ — Brand & Operating System v2.3 — aymanelmasry.com

Copy any section using the ⎘ button. The raw protocol is available for download.