deno gcp-europe-west3
tcp/443
Open service 34.120.54.55:443 · fugue.benth.am
2026-01-28 04:36
HTTP/1.1 200 OK
accept-ranges: bytes
cache-control: max-age=0
content-length: 5973
content-type: text/html; charset=UTF-8
etag: "1755-QHIKv225O21MA/al7C1FmgXHGig"
last-modified: Mon, 01 Jan 2024 00:00:00 GMT
vary: Accept-Encoding
date: Wed, 28 Jan 2026 04:36:04 GMT
connection: close
via: http/1.1 edgeproxy-h
server: deno/gcp-europe-west3
Page title: Fugue - songs to illustrations
<html>
<head>
<title>Fugue - songs to illustrations</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Mali:wght@500&family=Nova+Square&family=Patrick+Hand&family=Permanent+Marker&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="/stylesheets/skeleton/normalize.css">
<link rel="stylesheet" href="/stylesheets/skeleton/skeleton.css">
<!-- Shoelace components -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.1.0/dist/themes/light.css" />
<script type="module" src="shoelace.js" data-shoelace="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.1.0/dist/"></script>
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js/dist/umd/supabase.js"></script>
<script src="https://app.lemonsqueezy.com/js/lemon.js" defer></script>
<script type="module" src="composite.js"></script>
<script type="module" src="usermanagement.js"></script>
<!-- https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs -->
<link rel="icon" href="favicon.ico"><!-- 32×32 -->
<link rel="icon" href="icon512x512.png" type="image/png">
<link rel="apple-touch-icon" href="apple-touch-icon.png"><!-- 180×180 -->
<link rel="manifest" href="manifest.webmanifest">
<meta property='og:title' content='Fugue: incredible fan art for any song you love' />
<meta property='og:image' content='https://fugue.benth.am/gen-with-fugue-1-strip.jpg' />
<meta property='og:description' content='Create incredible fan art for any song you love. Powered by AI, inspired by music!' />
<meta property='og:url' content='https://fugue.benth.am/' />
</head>
<body>
<div class="container">
<div id="logo-header">
<img src="/gen-with-fugue-1-strip.jpg" class="logo" alt="fugue logo with generated examples">
<p id="tagline">Create incredible fan art for any song you love. Powered by AI, inspired by music!</p>
<sl-icon-button id="profile-menu-open-button" name="person-circle" label="Profile"></sl-icon-button>
</div>
<sl-dialog label="Sign in" id="signin-dialog">
Sign in to get 1000 free credits
<login-panel></login-panel>
<sl-button slot="footer" variant="default">Close</sl-button>
</sl-dialog>
<sl-drawer label="Your Account" class="drawer" id="profile-menu-drawer" style="--size: 500px;">
<div>
<credits-display></credits-display>
</div>
<div>
<sl-switch style="--width: 4rem; --height: 2rem; --thumb-size: 1.8rem;margin-bottom: 2rem;">Opt-in to beta styles</sl-switch>
</div>
<div>
<sl-switch style="--width: 4rem; --height: 2rem; --thumb-size: 1.8rem;margin-bottom: 2rem;">Opt-in to beta features</sl-switch>
</div>
<div><shared-gen-display></shared-gen-display></div>
<div style="margin-top: 2rem;"><premium-display></premium-display></div>
<sl-button id="profile-menu-close-button" slot="footer" variant="primary">Close</sl-button>
</sl-drawer>
<div class="row">
<button-group groupid="story-mode-input">
<div class=" twelve columns">
<story-idea-input placeholder="a small mouse that went to the city to meet the king" class="u-full-width">
<div class="title-switch-container">
<h4>What's your story about?</h4>
<request-switch class="song-mode-switch" eventType="request-switch-song-mode">song mode</request-switch>
</div>
</story-idea-input>
</div>
<div class="twelve columns">
<request-new eventtype="request-new-story" class="u-full-width"><span>New story and images</span></request-new>
</div>
<div class="twelve columns">