[ 05 / System_Profile ]

System
Specifications

A technical breakdown of the architecture, design references, and AI-driven development process of this website.

01 / Technology Stack

[ Core Engine ]

Astro v7.2.1

Islands-based static site generator with zero-JS by default.

[ CSS Compiler ]

Tailwind CSS v4.0

CSS-native engine with custom design tokens in global.css.

[ UI Hydration ]

React v19.2

Mounted as Astro islands for high-fidelity interactive elements.

[ Content Layer ]

Astro Glob Loader

Dynamic markdown and MDX compiler with YAML schema validation.

[ Graphics / Data ]

Recharts & Mermaid.js

SVG area/bar charts and client-rendered graph syntax.

[ Code Highlighting ]

Shiki Code Compiler

Syntax rendering matching GitHub Light/Dark palettes.

02 / Design Inspiration

This website's layout and design systems are heavily inspired by the visual language of Vast Space (vastspace.com) and the iconic 1970s NASA modernist design ethos.

Rather than employing sterile, overly metallic dark space interfaces, this system merges technical precision with human warmth:

> Warm charcoal gray (#111215) combined with textured sand/paper background (#F7F4EF).
> Vibrant solar safety orange (#FF531A) as the single high-contrast highlight indicator.
> Geometric, blocky typography (Space Grotesk & Space Mono) that evokes instrumentation readouts.
> Grayscale image scaling that dynamically resolves into full color upon hover focus.

03 / Build Sequence & Process

This entire website was built in one single day. The development process was carried out using autonomous **AI agents** working in coordination with the human user:

"The human user researched and defined the design benchmarks from Pinterest and SiteInspire, while the AI agents generated the code structure, resolved layouts, optimized assets, and connected components. It is a product of human-directed machine automation."

01 / Inspiration

Visual Research & Benchmarks

The human user researched visual inspiration from Pinterest and curated showcases on SiteInspire, finding the "Vast Space" Aerospace layout to be the ideal aesthetic blueprint.

02 / Orchestration

AI Agent Deployment

Autonomous AI agents (Antigravity and specialized subagents) were initialized and directed to scaffold the project configs, package files, and core layout parameters.

03 / Code Generation

Autonomous Development

AI agents spent one day generating all file contents, routes, and layout structures (ProjectCards, PostCards, Header/Footer, contact forms, and lightbox galleries).

04 / Refactoring

Theme Realization

The design variables were refactored by AI agents to fully capture the warm charcoal, paper off-white, and safety orange aerospace branding directives.

05 / Compilation

Metadata Centralization

Centralized all geographic coordinates, site specifications, and navigational configurations into a config.ts source of truth, compiling 9 static HTML pages successfully.

[ BUILD_STATUS ]

ORCHESTRATOR: ANTIGRAVITY AI

BUILD TYPE: 100% STATIC

DURATION: 24 HOURS

BUILD NODE: VITE_COMPILER

LOCATION NODE: 42.4215° N, 14.2933° E

STATUS: ACTIVE / STABLE

[ DIAGNOSTICS ]

> scanning assets/gallery...

> resolving image categories...

> mapping data config files...

> parsing site_config values...

> pre-rendering static routing...

> diagnostics pass: 100% nominal.