
Superpower
Zentrum für biolumineszentes Gesundheitsmanagement
Superpower verkörpert ein ernsthaftes klinisches Versprechen in einer filmisch anmutenden, atmosphärischen Benutzeroberfläche: Dunkle, raumfüllende Fotografien gehen nahtlos in klare, weiße Inhaltsflächen über, während ein einzelner, lebendiger, sonnenaufgangsroter Akzent das gesamte System durchzieht. Die Typografie repräsentiert die Marke – eine charakteristische geometrische serifenlose Schrift mit minimalem Negativabstand, skaliert von 11 px für Metadaten bis 66 px für die Anzeige, wobei der Zeilenabstand mit zunehmender Größe abnimmt (1,00 für die Anzeige, 1,40–1,50 für den Fließtext). Eine schwebende, dunkle, kapselförmige Navigationsleiste befindet sich über den Bildern, und kapselförmige Handlungsaufforderungen erzeugen eine Spannung zwischen klinischer Präzision und warmer, vitaler Energie. Die Oberflächen sind weitgehend flach – das System setzt auf viel Weißraum, dezente Trennlinien aus Zinkgrau und ein einzelnes, subtiles Schattenmuster anstelle einer starken Erhebung. Farben werden sparsam eingesetzt: Fast alles ist schwarz, weiß oder zinkgrau, Orange erscheint lediglich als funktionales Satzzeichen in Aktionen und im Branding.
Das Hauptbild wird von einer raumfüllenden, filmischen Fotografie dominiert – die Silhouette einer Person vor einem tief türkisblauen Himmel. Das Bild ist bewusst dunkel und stimmungsvoll gestaltet, um emotionale Wirkung zu erzielen und einen Kontrast zum Gesundheitsversprechen zu schaffen. Die Nebenbilder sind schmale, übersichtliche Produktaufnahmen (die marmorierte, orangefarbene Mitgliedskarte, App-Screenshots) und keine Lifestyle-Fotografien. Es gibt keine Illustrationen, keine 3D-Renderings, keine abstrakten Grafiken – der fotografische Kontrast ist die visuelle Identität. Die Mitgliedskarte ist mit einem organischen Marmormuster/einer Lavalampe in Sonnenaufgangsfarben verziert – dem einzigen dekorativen Element. Die Icons sind weiche, abgerundete Quadrate mit einem Linienradius von 7,5 Pixeln und dezenten schwarzen Carbon-Linien.
Palette
Marke
- Sunrise Coral
#fc5f2b— Orange wird als sekundäre Akzentfarbe für dekorative Details und zur Hervorhebung seltener Hinweise verwendet. Es sollte nicht als Hauptfarbe für Handlungsaufforderungen eingesetzt werden. - Coral Glow
#ff8b64— Farbverlauf am Ende des Farbverlaufs kombiniert mit der Farbe Sunrise Coral für ein dekoratives Design von Mitgliedskarten.
Neutral
- Carbon Black
#18181b— Haupttext, Füllung der schwebenden Navigationsleiste, Überschriften, Symbolumrisse. - Pure Black
#000000— Logo, Textschild, Rahmen mit starkem Kontrast - Zinc Gray
#71717a— Haupttext, zusätzliche Beschreibungen, versteckte Metadaten, Hilfstext. - Ash Gray
#a1a1aa— Tertiärer Text, inaktive Grenzen, deaktivierte Zustände - Mist Gray
#e4e4e7— Feine Kantenlinien, Kartenumrisse, Trennlinien, Knopfrahmen. - Fog Gray
#f4f4f5— Feine Oberflächenunregelmäßigkeiten, gedämpfter Hintergrund, Bild auf einem Netzgerüst überlagert.
Typografie
von 11 auf 66 Pixel · 8 Schritte
- NB International Pro — Ersatz: Inter Tight · Umrisse 400, 700 · Alles – Design, Überschriften, Fließtext, Benutzeroberfläche und Navigation – ist nahtlos integriert. Das charakteristische Merkmal ist der extrem schmale negative Buchstabenabstand, der sich je nach Größe skalieren lässt (von -0,025em bis 66px für kleinen Fließtext), kombiniert mit einem Zeilenabstand, der sich mit zunehmender Größe verringert. Dadurch erhalten die Überschriften eine monolithische, posterartige Dichte, die Superpower von seinen leichteren Konkurrenten im Bereich der Medizintechnik abhebt.
- NB International Mono Pro — Ersatz: JetBrains Mono · Umrisse 400 · Tabellarische Metadaten, Mikrotext-Anmerkungen und technische Bezeichnungen werden nur sparsam in Situationen eingesetzt, die einen klinisch-instrumentellen Ansatz erfordern.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | Durchschnitt |
| Grundlegender Schritt | 11px |
| Radius der Schaltfläche | 9999px |
| Kartenradius | 15px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 75px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Superpower -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Visitors — weiße technische Zeichnung
- Dock — Sonnencremefarbenes Papier, Kobaltpuls
- Flying Papers — Geständnis in einem Samstagmorgen-Cartoon
- Quizlet — Das Klassenzimmer ist in einer Vielzahl von Farben vor weißem Hintergrund dekoriert – ein ruhiger Schreibtisch, hinter dem vier pastellfarbene Karten den einzigen Farbtupfer vor dem Hintergrund kühler grauer Wände und einer einzelnen Markierung mit einem indigofarbenen Marker bilden.
- ON.energy — Gelbes Hochspannungswarnschild auf mitternachtsblauem Stahl
- Navigate — Ein großer Satz Aufkleber, die auf einer Tafel befestigt sind: große, groteske Schriftart, alle in Form von Tafeln und fünf mehrfarbige Symbole, die sich wie ein Logo wiederholen.
- Linear — Mitternachts-Präzisionsinstrument
- Pop Site — Eine karge typografische Galerie – monumentale schwarze Überschriften schweben auf weißen Wänden, ein einzelner blauer Punkt drückt die Absicht aus.
- Hyperstudio — Das Muster ist in Obsidian eingeritzt. Text und feine Linien umrahmen einen weißen, rein schwarzen Raum, in dem gelegentlich goldene Kompassmarkierungen den Weg weisen.
- Pa'lais — Ein botanisches Skizzenbuch, wie in Honig getränkt. Cremefarbenes Papier, blaue Toile-de-Jouy-Linienillustrationen und warme Farbtupfer erinnern an ein handgemachtes Rezeptbuch, während eine kräftige, schmale Schriftart und viel Weißraum ihm einen modernen, redaktionellen Charakter verleihen.
- Raus — Ein gemütliches Tagebuch auf cremefarbenem Papier – jede Seite ist wie eine Postkarte aus dem Wald.
- Privy — Ein Leitartikel, gezeichnet mit Tusche auf Marmor. Weiße Marmorleinwand, dicht gedrängte schwarze Serifenüberschriften, ein einzelnes violettes Banner am oberen Rand – Zurückhaltung als Ausdruck von Autorität.