How AI Shaped The Visuals Of 'Kanton Alpin Verkehrsbetriebe'

📊 Full opportunity report: How AI Shaped The Visuals Of 'Kanton Alpin Verkehrsbetriebe' on ThorstenMeyerAI.com — validation score, market gap, and execution plan.

TL;DR

AI was used to create the entire visual interface of ‘Kanton Alpin Verkehrsbetriebe,’ a digital Swiss transit station. The site features meticulously crafted, code-driven visuals emphasizing Swiss International Style. This showcases AI’s role in precise digital design.

Artificial intelligence was employed to design the entire visual interface of ‘Kanton Alpin Verkehrsbetriebe,’ a digital Swiss transit station exhibit. The site’s visuals, including a real-time SVG clock and code-generated pictograms, exemplify AI’s capacity to produce precise, style-accurate digital environments, highlighting its growing role in digital design and cultural representation.

The exhibit, hosted at Room 23 of 175, is a fully code-driven website that emulates a Swiss alpine railway station using AI-generated visuals. It features a meticulously crafted SVG Mondaine-style clock synchronized with real time, a split-flap departure board with animated flipping characters, and a visual language rooted in the Swiss International Style, characterized by monochrome palettes and signal red accents.

All elements, including pictograms, maps, and schematics, are generated via CSS, SVG, and JavaScript without external assets or images, ensuring a high level of precision and consistency. The design process was guided by an art-direction brief emphasizing perfection in alignment, timing, and aesthetic coherence, executed by an AI system following a strict three-phase pipeline: initial build, external critique, and final art-direction approval.

Thorsten Meyer, the creator behind this project, emphasizes that the entire site is built with pure HTML, CSS, and JavaScript, with no external libraries or assets, showcasing AI’s ability to produce complex digital environments entirely through code.

At a glance
reportWhen: ongoing; the exhibit is currently live…
The developmentAI crafted the visuals and interface of a digital Swiss transit exhibit, demonstrating its potential in precise, style-specific digital design.
How AI Shaped the Visuals of ‘Kanton Alpin Verkehrsbetriebe’
AI × Swiss International Style · Ongoing Exhibit

How AI Shaped the Visuals of ‘Kanton Alpin Verkehrsbetriebe’

A digital Swiss transit station built entirely through code. AI translated a strict art-direction brief into a real-time clock, animated departure board, pictograms, maps and schematics—without external images, libraries or visual assets.

23 / 175 Exhibit room
4 Core web languages
3 Approval phases
Live Current status
01 · The visual system

One station, generated as a coherent world

The project moves beyond isolated generative imagery. AI helped construct a functional environment in which every component follows the same disciplined grid, monochrome logic, typography and transit-signage vocabulary.

SVG · Time

Real-time station clock

A meticulously shaped Mondaine-style SVG clock synchronizes with real time while preserving the recognizable geometry and visual rhythm of Swiss station design.

JS · Motion

Split-flap departures

Animated characters flip through departures with timing calibrated for mechanical plausibility, turning transit information into a precise piece of interface choreography.

CSS + SVG · System

Pictograms and maps

Icons, diagrams and schematics are generated from code, allowing consistent line weights, alignment and proportions across the entire visual language.

02 · Design pipeline
Brave Browser: The Complete Guide: Master Privacy, Ad Blocking, Developer Tools, Brave Rewards & Web3 — From Beginner to IT Professional (The Hands-On Tech Professional Series Book 23)

Brave Browser: The Complete Guide: Master Privacy, Ad Blocking, Developer Tools, Brave Rewards & Web3 — From Beginner to IT Professional (The Hands-On Tech Professional Series Book 23)

As an affiliate, we earn on qualifying purchases.

As an affiliate, we earn on qualifying purchases.

AI worked inside a strict approval loop

Human direction defined the cultural reference, quality threshold and constraints. AI executed the interface, absorbed critique and refined the work toward final art-direction approval.

01

Initial build

The AI translates a detailed brief into structure, components, motion rules and a unified code-based visual system.

02

External critique

Alignment, timing, hierarchy and style fidelity are reviewed against the standards of Swiss International Style.

03

Art approval

The system is refined until visual precision, technical function and aesthetic coherence operate as one environment.

Human intent Art-direction brief
AI translation Rules and components
Code output HTML · CSS · SVG · JS
Visitor view Living transit exhibit
03 · What changes
SightPro Magnetic Laptop Privacy Screen 14 Inch 16:10 - Patented Removable Laptop Privacy Filter Shield and Protector

SightPro Magnetic Laptop Privacy Screen 14 Inch 16:10 – Patented Removable Laptop Privacy Filter Shield and Protector

【Instant Snap-on Magnetic Attachment】- The Patented Magnetic Privacy Screen – Protected by U.S. Patents 9,829,669 and D844,012. Simply…

As an affiliate, we earn on qualifying purchases.

As an affiliate, we earn on qualifying purchases.

From generated image to generated interface

The exhibit demonstrates a more disciplined use of AI: not producing a single decorative artifact, but maintaining stylistic rules across a complete, interactive and technically functional digital environment.

Capability Traditional asset workflow KAV AI-code workflow Design implication
External images required ~ Often ✗ None Visuals remain editable at source level
System-wide consistency ~ Manual review ✓ Rule-driven Shared geometry and styling reduce drift
Real-time behavior ~ Added separately ✓ Native Motion and information become one system
Style adaptation ✓ Designer-led ~ Constraint-led Quality depends on a precise brief
Human oversight ✓ Essential ✓ Essential Direction and critique remain human roles

Where the method is strongest

Editorial assessment based on the project’s stated design priorities.

Precision
96
Consistency
94
Scalability
82
Autonomy
61
Style range
55

Cultural implications

Digital museums Consistent exhibit systems could be generated and updated at greater scale.
Style preservation Codified design principles may help represent cultural visual traditions online.
Adaptive exhibits Future environments could respond to visitors while retaining aesthetic coherence.
Human craft Designers shift toward constraint-setting, critique and cultural judgment.
04 · Limits and outlook
Netzu 3-in-1 Digital Clocks for Living Room with Temperature, Date & Time Display - 4 Levels Birghtness, 3 Volumes, Small & Compact Plug-in Alarm Clock for Bedroom, Office (Black)

Netzu 3-in-1 Digital Clocks for Living Room with Temperature, Date & Time Display – 4 Levels Birghtness, 3 Volumes, Small & Compact Plug-in Alarm Clock for Bedroom, Office (Black)

Small & Compact Plug-in Alarm Clock for Every Room: Perfect for modern homes ditching cable boxes—place it under…

As an affiliate, we earn on qualifying purchases.

As an affiliate, we earn on qualifying purchases.

Precision is proven. Generality is not.

The project succeeds within a tightly defined visual tradition. Open questions remain around autonomous creativity, adaptation to radically different styles and the durability of AI-led workflows at larger interface scales.

Still unanswered

  • Can the same process sustain quality across more complex products?
  • How much critique is needed when the visual style is less rule-bound?
  • Where should cultural interpretation remain explicitly human?
  • Can AI achieve stylistic diversity without losing consistency?

Likely next steps

  • Apply the pipeline to other cultural and historical design languages.
  • Build more complex, responsive and interactive environments.
  • Use visitor data to shape adaptive digital experiences.
  • Improve AI autonomy while retaining formal art-direction gates.

The entire site is built with code, driven by AI, to achieve a level of precision and style fidelity that would be difficult manually. It’s about combining artistic discipline with technological automation.

— Thorsten Meyer
Key questions
Figma Bible for Modern Teams: A Practical handbook for UI, UX, Motion, Accessibility, and Developer Collaboration (Just-in: Embedded Systems, IoT, and Edge Intelligence Development)

Figma Bible for Modern Teams: A Practical handbook for UI, UX, Motion, Accessibility, and Developer Collaboration (Just-in: Embedded Systems, IoT, and Edge Intelligence Development)

As an affiliate, we earn on qualifying purchases.

As an affiliate, we earn on qualifying purchases.

The project in brief

AI generated the implementation, but human direction established the visual rules, reviewed the results and controlled the final quality threshold.

How were the visuals generated?

Entirely through HTML, CSS, SVG and JavaScript, following AI-guided constraints for precision, consistency and Swiss-style fidelity.

Can the method support other styles?

Potentially. The same workflow can be adapted when the AI receives clear principles, references and measurable design constraints.

What is the principal advantage?

AI can rapidly produce complex, internally consistent environments whose components remain editable, scalable and responsive through code.

Is human input still involved?

Yes. People define intent, cultural context, constraints and critique. AI performs the generation and refinement within that directed framework.

Implications of AI-Driven Design in Cultural Exhibits

This project demonstrates AI’s potential to generate highly precise, style-specific digital environments, which could influence future digital cultural displays, museums, and interactive exhibits. The use of AI in such contexts offers new possibilities for automated, consistent, and scalable design processes, reducing reliance on manual craftsmanship while maintaining high aesthetic standards. It also highlights how AI can embody specific cultural styles, like the Swiss International Style, in digital form, potentially shaping how cultural heritage and design are represented online.

Background of AI in Digital Design and Swiss Style

Recent years have seen increasing integration of AI in digital design, from automated graphic creation to interactive web experiences. This project builds on that trend by applying AI to produce a highly disciplined, style-specific digital environment rooted in the Swiss International Style, known for its minimalism, grid-based layouts, and precise typography. The site’s development follows a meticulous process emphasizing accuracy, consistency, and aesthetic fidelity, reflecting broader movements toward AI-assisted creative workflows.

Thorsten Meyer’s work exemplifies how AI can be used not just for generative art but for creating functional, precise interfaces that adhere to strict design principles, reminiscent of Swiss design’s emphasis on clarity and order. This project is part of a larger collection of AI-crafted websites that explore the boundaries of automated digital craftsmanship.

“The entire site is built with code, driven by AI, to achieve a level of precision and style fidelity that would be difficult manually. It’s about combining artistic discipline with technological automation.”

— Thorsten Meyer

Limitations and Unanswered Questions of AI-Generated Visuals

While the site demonstrates AI’s capacity for precise design, it remains unclear how scalable or adaptable this approach is for other styles or more complex interfaces. The extent to which AI can autonomously create functional, aesthetically diverse digital environments without human intervention is still being explored. Further, the long-term implications for digital craftsmanship and the role of human designers in such AI-driven processes are not yet fully understood.

Future Developments in AI-Driven Digital Cultural Projects

Thorsten Meyer and other creators plan to expand this approach by applying AI to different cultural styles and more complex interactive environments. Future projects may explore integrating AI with user interaction data to generate adaptive, personalized digital experiences. Additionally, ongoing critique and refinement will likely focus on enhancing AI’s autonomy and stylistic versatility, shaping the future landscape of AI-assisted digital design.

Key Questions

How does AI generate the visuals for the site?

The visuals are generated entirely through code—HTML, CSS, SVG, and JavaScript—based on an AI-guided design process that emphasizes precision, style fidelity, and consistency, without external assets or images.

Can this AI approach be used for other styles or themes?

While this project focuses on the Swiss International Style, the underlying methodology could be adapted to other styles, provided the AI is guided by appropriate design principles and constraints.

What are the advantages of AI-driven design in projects like this?

AI enables highly precise, consistent, and scalable design production, reducing manual effort and allowing for complex, style-specific digital environments that adhere strictly to predefined aesthetic standards.

Is human input still involved in creating these AI-generated visuals?

Yes, human designers set the initial parameters, style constraints, and oversee the critique and refinement process. The AI then autonomously generates the visuals within these guidelines.

Source: ThorstenMeyerAI.com

You May Also Like

This new tracking label could help solve cargo theft

Samsara introduces a disposable, Bluetooth-enabled tracking label aimed at improving shipment visibility and reducing cargo theft in logistics.

Build vs Buy a Prebuilt AI Workstation

In 2026, building your own AI workstation is no longer automatically cheaper than buying prebuilt, reshaping the traditional decision. Here’s what you need to know.

Memory Stopped Being a Commodity

Micron’s latest contracts signal a shift where memory is pre-funded and contracted, ending its status as a volatile commodity. What this means for the industry.