{"id":10392,"date":"2026-10-16T12:27:25","date_gmt":"2026-10-16T10:27:25","guid":{"rendered":"https:\/\/sapera-studios.com\/?page_id=10392"},"modified":"2026-10-16T19:11:09","modified_gmt":"2026-10-16T17:11:09","slug":"project-hpi-ai-style-guide","status":"publish","type":"page","link":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/","title":{"rendered":"Hasso Plattner Institute \u2014 AI style guide openHPI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10392\" class=\"elementor elementor-10392 elementor-10159 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d37b303 elementor-section-full_width elementor-section-content-middle elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"d37b303\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-80988f8\" data-id=\"80988f8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f955ee elementor-widget elementor-widget-image\" data-id=\"8f955ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"817\" src=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_hero2.webp\" class=\"attachment-full size-full wp-image-10103\" alt=\"\" srcset=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_hero2.webp 1920w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_hero2-300x128.webp 300w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_hero2-1024x436.webp 1024w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_hero2-768x327.webp 768w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_hero2-1536x653.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ad8155 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ad8155\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec46850\" data-id=\"ec46850\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-58f9ca5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58f9ca5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-e975dfa elementor-hidden-mobile\" data-id=\"e975dfa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc15553 elementor-widget elementor-widget-text-editor\" data-id=\"bc15553\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Client<\/strong><\/p><p>Hasso Plattner Institute<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aaae835 elementor-widget elementor-widget-text-editor\" data-id=\"aaae835\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Au\u00b7de modules<\/strong><\/p><p>AI governance<br>AI workspace<br>Brand story and brand voice<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b3b2f7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"8b3b2f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-small\">Au\u00b7de case study<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19f141e elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"19f141e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-small\">AI imagery<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cab1dd7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"cab1dd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-small\">Prompt system<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-a0ed7d0\" data-id=\"a0ed7d0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19cfb88 elementor-widget elementor-widget-heading\" data-id=\"19cfb88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">AI style guide for openHPI<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f862c0f elementor-widget elementor-widget-heading\" data-id=\"f862c0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">A visual language that the openHPI team implements itself with generative AI: with rules, prompt building blocks and colour filters for every course level.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab90bab elementor-widget elementor-widget-text-editor\" data-id=\"ab90bab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>openHPI is the learning platform of the Hasso Plattner Institute, with courses on computer science, data science and AI. Every course needs a teaser image on the platform. As part of the redesign, we developed a visual language and documented it so that the team creates the course images itself with AI image generators, while staying in the style of the platform.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f51a48 elementor-section-full_width elementor-section-content-top elementor-section-height-default elementor-section-height-default\" data-id=\"2f51a48\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-abbf80b elementor-hidden-mobile elementor-hidden-tablet\" data-id=\"abbf80b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-be27efe elementor-widget elementor-widget-text-editor\" data-id=\"be27efe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>\u00a0<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-369cca6\" data-id=\"369cca6\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-077c73f elementor-widget elementor-widget-text-editor\" data-id=\"077c73f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Starting point<\/strong><\/p><p>openHPI needs a teaser image for every course. The team was to create these images itself with AI image generators without the platform losing its style.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-fec5e66\" data-id=\"fec5e66\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fcd5b2e elementor-widget elementor-widget-text-editor\" data-id=\"fcd5b2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>What we built<\/strong><\/p><p>A two-part style guide: rules for people on motifs, atmosphere, dos and don&#8217;ts, plus a fixed prompt structure with a keyword library, negative keywords and colour filter prompts for the three course levels.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-cd1ee46\" data-id=\"cd1ee46\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5420d92 elementor-widget elementor-widget-text-editor\" data-id=\"5420d92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>What the team now does itself<\/strong><\/p><p>The openHPI team creates course images itself in two steps: generate the photo, apply the level colour. The images stay in the style of the platform, and new courses no longer need an agency.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-3cfddca elementor-hidden-mobile elementor-hidden-tablet\" data-id=\"3cfddca\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ba419b elementor-widget elementor-widget-text-editor\" data-id=\"4ba419b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>\u00a0<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3411262 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3411262\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bfe3d53\" data-id=\"bfe3d53\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30412f4 elementor-widget elementor-widget-heading\" data-id=\"30412f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AI governance: rules for people<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0a524e elementor-widget elementor-widget-text-editor\" data-id=\"f0a524e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin-bottom:24px\">The images show real people in learning moments, alone or in exchange with others, with visible devices and a working environment where creative chaos is allowed. The light is soft; warm details in clothing and surroundings balance the cool colours of technology. The don&#8217;ts are described just as precisely: no gamer clich\u00e9s, no dark rooms with glaring screens, no staged laughter, no colour filters and no dramatic wide angles.<\/p><p>Course images follow a fixed structure: a symbolic key visual for the course topic, a monochrome tint by level and up to three icons. Beginner is teal, Advanced lilac, Expert orange. The icon sits in the centre so that the motif also works in the square crop of the course card.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dda1776 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dda1776\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8032a45\" data-id=\"8032a45\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f1bdf36 elementor-widget elementor-widget-image\" data-id=\"f1bdf36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1600\" height=\"1201\" src=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_dos-donts.webp\" class=\"attachment-full size-full wp-image-10100\" alt=\"\" srcset=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_dos-donts.webp 1600w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_dos-donts-300x225.webp 300w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_dos-donts-1024x769.webp 1024w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_dos-donts-768x576.webp 768w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_dos-donts-1536x1153.webp 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Dos and don'ts of the openHPI imagery side by side<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a02e787 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a02e787\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7d956f\" data-id=\"f7d956f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a249443 elementor-widget elementor-widget-heading\" data-id=\"a249443\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AI workspace: rules for machines<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed07a41 elementor-widget elementor-widget-text-editor\" data-id=\"ed07a41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin-bottom:24px\">Every prompt follows the same order: composition, motif, details, environment, light, style, negative keywords and output format (2:1, 1072 \u00d7 534 px). There is a keyword library for each building block, from \u201csoft, diffuse light\u201d to \u201cno clich\u00e9d stock photo look\u201d. The negative keywords translate the don&#8217;ts for people into instructions an image generator follows.<\/p><p>In a second step, a dedicated prompt per level tints the image. Shadows, midtones and highlights have fixed colour values from the design system; image details and resolution are preserved. Four fully written example prompts from the style guide serve the team as templates.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e6227d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e6227d7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b691f61\" data-id=\"b691f61\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-909d3f7 elementor-widget elementor-widget-image\" data-id=\"909d3f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1600\" height=\"1201\" src=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_kursbilder.webp\" class=\"attachment-full size-full wp-image-10102\" alt=\"\" srcset=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_kursbilder.webp 1600w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_kursbilder-300x225.webp 300w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_kursbilder-1024x769.webp 1024w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_kursbilder-768x576.webp 768w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_kursbilder-1536x1153.webp 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Course teaser images: key visual, level colour and up to three icons<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-efb94f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"efb94f7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25038e3\" data-id=\"25038e3\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-313d2f6 elementor-widget elementor-widget-heading\" data-id=\"313d2f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What the team now does itself: a style guide that keeps working<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6f4c7e elementor-widget elementor-widget-text-editor\" data-id=\"b6f4c7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A classic style guide describes what a brand looks like. This one also governs how new images are created. The openHPI team creates course images itself, in consistent quality and without commissioning an agency for every new course.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32d353f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32d353f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-816b0af\" data-id=\"816b0af\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-54e611b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54e611b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-52c6ef3\" data-id=\"52c6ef3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a0a9a64 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a0a9a64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f343188 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f343188\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4609fee\" data-id=\"4609fee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d752fd elementor-widget elementor-widget-heading\" data-id=\"7d752fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">More Au\u00b7de case studies<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c3f2311 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c3f2311\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5ad20cb\" data-id=\"5ad20cb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d1b7f9 elementor-widget elementor-widget-image\" data-id=\"5d1b7f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/project-victorinox\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"3649\" height=\"2053\" src=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2023\/08\/VX_case_hero_01.png\" class=\"attachment-full size-full wp-image-6548\" alt=\"Victorinox illustration system with icons and construction sketches\" srcset=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2023\/08\/VX_case_hero_01.png 3649w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2023\/08\/VX_case_hero_01-300x169.png 300w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2023\/08\/VX_case_hero_01-1024x576.png 1024w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2023\/08\/VX_case_hero_01-768x432.png 768w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2023\/08\/VX_case_hero_01-1536x864.png 1536w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2023\/08\/VX_case_hero_01-2048x1152.png 2048w\" sizes=\"(max-width: 3649px) 100vw, 3649px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6530cbd elementor-widget elementor-widget-heading\" data-id=\"6530cbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"\/en\/project-victorinox\/\">Victorinox<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-572e6bf\" data-id=\"572e6bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a43b21 elementor-widget elementor-widget-image\" data-id=\"3a43b21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/draeger-service-heroes\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1624\" src=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/09\/draeger-service-heroes-hero-v4.webp\" class=\"attachment-full size-full wp-image-7856\" alt=\"Hero-Illustration der Dr\u00e4ger Service Heroes: das digitale Maskottchen in Aktion\" srcset=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/09\/draeger-service-heroes-hero-v4.webp 1920w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/09\/draeger-service-heroes-hero-v4-300x254.webp 300w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/09\/draeger-service-heroes-hero-v4-1024x866.webp 1024w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/09\/draeger-service-heroes-hero-v4-768x650.webp 768w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/09\/draeger-service-heroes-hero-v4-1536x1299.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dabca35 elementor-widget elementor-widget-heading\" data-id=\"dabca35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"\/en\/draeger-service-heroes\/\">Dr\u00e4ger<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-c71ad45\" data-id=\"c71ad45\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-983817e elementor-widget elementor-widget-image\" data-id=\"983817e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/project-enertrag-ai-visibility\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"818\" src=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/enertrag_ki-sichtbarkeit_hero.webp\" class=\"attachment-full size-full wp-image-10088\" alt=\"\" srcset=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/enertrag_ki-sichtbarkeit_hero.webp 1920w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/enertrag_ki-sichtbarkeit_hero-300x128.webp 300w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/enertrag_ki-sichtbarkeit_hero-1024x436.webp 1024w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/enertrag_ki-sichtbarkeit_hero-768x327.webp 768w, https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/enertrag_ki-sichtbarkeit_hero-1536x654.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16641c0 elementor-widget elementor-widget-heading\" data-id=\"16641c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"\/en\/project-enertrag-ai-visibility\/\">ENERTRAG<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9004f3c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9004f3c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-76f078d\" data-id=\"76f078d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf529ca elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"cf529ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/en\/aude\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">More about Au\u00b7de<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-10692d8\" data-id=\"10692d8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0df3c5c elementor-section-height-min-height elementor-section-boxed elementor-section-items-middle elementor-section-height-default\" data-id=\"0df3c5c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d72e8a\" data-id=\"3d72e8a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI style guide for openHPI: visual language and prompt system with which the HPI team creates course images itself<\/p>\n","protected":false},"author":2,"featured_media":10103,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"transformationsfeld":[63,62],"class_list":["post-10392","page","type-page","status-publish","hentry","transformationsfeld-field-design","transformationsfeld-field-enablement"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.5 - aioseo.com -->\n\t<meta name=\"description\" content=\"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"hyx91z-Owl4Z2DkyYV-zVOJ1aQuAHh5M_G3Bqj0z2jM\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.5\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Sapera Studios\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"AI style guide &amp; visual language for openHPI | Sapera Studios\" \/>\n\t\t<meta property=\"og:description\" content=\"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/sapera-studios-og-2026.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/sapera-studios-og-2026.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-10-16T10:27:25+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-16T17:11:09+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"AI style guide &amp; visual language for openHPI | Sapera Studios\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/sapera-studios-og-2026.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Zu Hause\",\"item\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#listItem\",\"name\":\"Hasso Plattner Institute \\u2014 AI style guide openHPI\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#listItem\",\"position\":2,\"name\":\"Hasso Plattner Institute \\u2014 AI style guide openHPI\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/#listItem\",\"name\":\"Zu Hause\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/#organization\",\"name\":\"Sapera Studios\",\"description\":\"Strategy and communications consultancy in Berlin for complex subjects. From strategy to delivery: narratives, fact-checking, design systems, participation and AI enablement.\",\"url\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/\",\"email\":\"hello@sapera-studios.de\",\"telephone\":\"+493044324166\",\"foundingDate\":\"2013-01-01\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"value\":20},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sapera-studios.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/sapera-studios.png\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#organizationLogo\",\"width\":630,\"height\":112},\"image\":{\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/sapera-studios\\\/\",\"https:\\\/\\\/dasauge.com\\\/-sapera-studios\\\/\",\"https:\\\/\\\/www.sortlist.com\\\/agency\\\/sapera\",\"https:\\\/\\\/www.provenexpert.com\\\/de-de\\\/sapera-studios-gmbh\\\/\",\"https:\\\/\\\/www.ibusiness.de\\\/dienstleister\\\/jb\\\/620356533fbe.html\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#webpage\",\"url\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/\",\"name\":\"AI style guide & visual language for openHPI | Sapera Studios\",\"description\":\"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sapera-studios.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/openhpi_ki-styleguide_hero2.webp\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#mainImage\",\"width\":1920,\"height\":817},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/project-hpi-ai-style-guide\\\/#mainImage\"},\"datePublished\":\"2026-10-16T12:27:25+02:00\",\"dateModified\":\"2026-10-16T19:11:09+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/\",\"name\":\"Sapera Studios\",\"description\":\"Strategy and communications consultancy in Berlin for complex subjects. From strategy to delivery: narratives, fact-checking, design systems, participation and AI enablement.\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/sapera-studios.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"AI style guide & visual language for openHPI | Sapera Studios","description":"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.","canonical_url":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"hyx91z-Owl4Z2DkyYV-zVOJ1aQuAHh5M_G3Bqj0z2jM","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/sapera-studios.com\/en\/#listItem","position":1,"name":"Zu Hause","item":"https:\/\/sapera-studios.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#listItem","name":"Hasso Plattner Institute \u2014 AI style guide openHPI"}},{"@type":"ListItem","@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#listItem","position":2,"name":"Hasso Plattner Institute \u2014 AI style guide openHPI","previousItem":{"@type":"ListItem","@id":"https:\/\/sapera-studios.com\/en\/#listItem","name":"Zu Hause"}}]},{"@type":"Organization","@id":"https:\/\/sapera-studios.com\/en\/#organization","name":"Sapera Studios","description":"Strategy and communications consultancy in Berlin for complex subjects. From strategy to delivery: narratives, fact-checking, design systems, participation and AI enablement.","url":"https:\/\/sapera-studios.com\/en\/","email":"hello@sapera-studios.de","telephone":"+493044324166","foundingDate":"2013-01-01","numberOfEmployees":{"@type":"QuantitativeValue","value":20},"logo":{"@type":"ImageObject","url":"https:\/\/sapera-studios.com\/wp-content\/uploads\/2024\/02\/sapera-studios.png","@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#organizationLogo","width":630,"height":112},"image":{"@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#organizationLogo"},"sameAs":["https:\/\/www.linkedin.com\/company\/sapera-studios\/","https:\/\/dasauge.com\/-sapera-studios\/","https:\/\/www.sortlist.com\/agency\/sapera","https:\/\/www.provenexpert.com\/de-de\/sapera-studios-gmbh\/","https:\/\/www.ibusiness.de\/dienstleister\/jb\/620356533fbe.html"]},{"@type":"WebPage","@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#webpage","url":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/","name":"AI style guide & visual language for openHPI | Sapera Studios","description":"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/sapera-studios.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/openhpi_ki-styleguide_hero2.webp","@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#mainImage","width":1920,"height":817},"primaryImageOfPage":{"@id":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/#mainImage"},"datePublished":"2026-10-16T12:27:25+02:00","dateModified":"2026-10-16T19:11:09+02:00"},{"@type":"WebSite","@id":"https:\/\/sapera-studios.com\/en\/#website","url":"https:\/\/sapera-studios.com\/en\/","name":"Sapera Studios","description":"Strategy and communications consultancy in Berlin for complex subjects. From strategy to delivery: narratives, fact-checking, design systems, participation and AI enablement.","inLanguage":"en-US","publisher":{"@id":"https:\/\/sapera-studios.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Sapera Studios","og:type":"article","og:title":"AI style guide &amp; visual language for openHPI | Sapera Studios","og:description":"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.","og:url":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/","og:image":"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/sapera-studios-og-2026.png","og:image:secure_url":"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/sapera-studios-og-2026.png","og:image:width":1200,"og:image:height":630,"article:published_time":"2026-10-16T10:27:25+00:00","article:modified_time":"2026-10-16T17:11:09+00:00","twitter:card":"summary_large_image","twitter:title":"AI style guide &amp; visual language for openHPI | Sapera Studios","twitter:description":"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.","twitter:image":"https:\/\/sapera-studios.com\/wp-content\/uploads\/2026\/10\/sapera-studios-og-2026.png"},"aioseo_meta_data":{"post_id":"10392","title":"AI style guide & visual language for openHPI | Sapera Studios","description":"Visual language and prompt system for openHPI: how the Hasso Plattner Institute team creates course images with AI itself, on brand and by level.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-10-16 13:12:33","updated":"2026-10-16 17:52:34","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/sapera-studios.com\/en\/\" title=\"Zu Hause\">Zu Hause<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHasso Plattner Institute \u2014 AI style guide openHPI\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Zu Hause","link":"https:\/\/sapera-studios.com\/en\/"},{"label":"Hasso Plattner Institute \u2014 AI style guide openHPI","link":"https:\/\/sapera-studios.com\/en\/project-hpi-ai-style-guide\/"}],"_links":{"self":[{"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/pages\/10392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/comments?post=10392"}],"version-history":[{"count":1,"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/pages\/10392\/revisions"}],"predecessor-version":[{"id":10393,"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/pages\/10392\/revisions\/10393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/media\/10103"}],"wp:attachment":[{"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/media?parent=10392"}],"wp:term":[{"taxonomy":"transformationsfeld","embeddable":true,"href":"https:\/\/sapera-studios.com\/en\/wp-json\/wp\/v2\/transformationsfeld?post=10392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}