- Midnight Citylights Web Home Page, c. 2018
- Screenshot of Website
- Web Design by Alex Stevovich
I designed and developed the website for Midnight Citylights, my studio platform focused on software development, computer science, and technical products, launched in 2018. Midnight Citylights was established to partition my computer science work and technical offerings from my broader design practice, creating a dedicated surface for more specialized discussion of software products, development tools, and computer science topics without creating confusion for clients approaching from other domains.
Scope of Work
- Website architecture and system design.
- Design and development of visual identity, including original vector logotype and graphic artwork.
- Front-end development (HTML, CSS, JavaScript).
- Server-side application development (Node.js).
- Interface module development, including embedded calculators, generators, and interactive UI displays.
- Product page development for software offerings and repositories.
- Proprietary publishing platform development utilizing Marle.
- Responsive layout implementation.
- Search engine optimization and accessibility implementation, including structured metadata and semantic markup.
- Ongoing site maintenance and technical oversight.
Identity
Midnight Citylights presented an opportunity to develop a visual world distinct from conventional tech presentation. Rather than the clean neutrality of a typical software company or startup, the branding was built around the aesthetic language of a near-future corporate entity: bold, performative, and self-contained. Blue, red, white, and black form the core palette, applied with intensity to give the platform a fictional authority. The result is an unorthodox fusion of design sensibility and computer science culture, intended to generate intrigue and signal that this was not a generic technical offering.
The logotype was developed as original vector artwork, a custom letterform construction using heavy geometric forms, sharp diagonal cuts, and integrated red accent elements and circular details. The mark is typographic in origin but functions as a standalone graphic object, carrying the identity of the platform as a visual declaration rather than simply a name.
The hero environment reinforces this world: a night sky gradient deepening from blue to near-black, populated with a field of sparkling stars. Stars are propagated responsively based on viewport dimensions via client-side JavaScript and animated through CSS, producing an ambient, cinematic backdrop suited to the platform's aesthetic.
Features
Publishing Platform
A proprietary publishing platform was developed utilizing Marle, my custom data notation format and integration system, to support original writing on computer science topics. Marle provides the underlying data structure and display logic powering editorial content through a consistent content model.
Products and Software
Dedicated product pages were developed for formal software offerings, presenting documentation, usage information, and API references. A separate software section provided distribution points for repositories and independently released tools, giving each category a presentation appropriate to its audience and context.
Interface Modules
The site supported hundreds of interface modules: embedded calculators, generators, and interactive UI displays published as tools and studies across relevant pages. Modules were powered by client-side JavaScript math libraries loaded alongside each module, with library dependencies detected and managed through the Lydio build script to ensure only required libraries were loaded per page.
Dark Theme
The site was developed with a display theme toggle between light and dark. The dark theme is particularly well suited to the platform's visual identity, reinforcing the night sky environment and allowing the red and blue palette to read with full intensity against a dark ground.
Responsive
A fully responsive layout was implemented to ensure consistent presentation across screen sizes and devices. Star field population is handled responsively via client-side JavaScript, scaling to viewport dimensions on load.
SEO (Search Engine Optimization)
Structured metadata, including Schema.org markup, was implemented across relevant page types. Semantic HTML, descriptive metadata, and logical pagination were used to support search indexing and discoverability. The site architecture was designed to support both human navigation and search engine crawlability.
Accessibility
The site was developed with attention to accessibility standards. Clear semantic structure, descriptive image metadata, and consistent navigation patterns were prioritized to ensure ease of use across devices and assistive technologies.
Technical Approach
The website is implemented as a Node.js server utilizing components of my proprietary Deep Frame architecture. Pages are rendered server-side through Lydio, my custom HTML rendering framework, utilizing server-side rendering over I/O rather than loading from disk. This allows content pages to be rendered dynamically or rendered and cached depending on content type, supporting changing displays without sacrificing performance.
This approach provides unified access to request context, data models, and rendering logic within a single execution layer, keeping the system cohesive and extensible without fragmenting responsibilities between client and server.
History
Midnight Citylights launched in 2018 as a dedicated platform for my software development and computer science practice. In 2022, the site was merged into alexstevovich.com as part of a consolidation of all studio divisions under a unified platform, reducing the maintenance overhead of running separate technology stacks across multiple business sites, and reflecting a shift toward presenting my practice as a unified polymathic body of work.
