Superpower
Bioluminiserande hälsovårdscentral
Superkraft förkroppsligar ett allvarligt kliniskt löfte i ett filmiskt, atmosfäriskt användargränssnitt: mörka fotografier i full bredd övergår sömlöst till skarpa vita innehållsytor, medan en enda vibrerande soluppgångsorange accent pulserar genom hela systemet. Typografin representerar varumärket – en signaturgeometrisk sans-serif med minimalt negativt bokstavsavstånd, skalande från 11px för metadata till 66px för visning, med radavstånd som komprimeras när storleken ökar (1,00 för visning, 1,40–1,50 för brödtext). En flytande, mörk, kapselformad navigeringsfält svävar ovanför bilderna, och kapselformade uppmaningar till handling skapar en spänning mellan klinisk precision och varm, vital energi. Ytorna är till stor del plana – systemet förlitar sig på gott om vitt utrymme, subtila zinkavdelare och ett enda, subtilt skuggmönster snarare än en stark höjd. Färger används sparsamt: nästan allt är svart, vitt eller zinkgrått, där orange endast visas som funktionella skiljetecken i handlingar och varumärkesbyggande.
Huvudbilden domineras av ett filmiskt fotografi i full bredd – en persons silhuett mot en djup turkosblå himmel; bilden är avsiktligt mörk och stämningsfull för att skapa emotionell tyngd och kontrast till hälsolöftet. Sekundära bilder är smala, avskalade produktliknande bilder (det marmorerade orangea medlemskortet, app-skärmdumpar) snarare än livsstilsfotografering. Det finns inga illustrationer, inga 3D-renderingar, ingen abstrakt grafik – den fotografiska kontrasten är den visuella identiteten. Medlemskortet är prydt med ett organiskt marmormönster/lavalampa i soluppgångstoner – det enda dekorativa visuella elementet. Ikonerna har en linjeradie på 7,5 pixlar (mjuka rundade rutor) med subtila penseldrag av svart kolfiber.
Palett
Stämpla
- Sunrise Coral
#fc5f2b— Orange används som en sekundär accentfärg för dekorativa detaljer och för att framhäva ovanliga signaler. Den bör inte användas som primärfärg för uppmaningar till handling. - Coral Glow
#ff8b64— Gradient slutpunkt kombinerad med Sunrise Coral-färgen för dekorativ design av medlemskort.
Neutral
- Carbon Black
#18181b— Huvudtext, flytande navigeringsfältfyllning, rubriker, ikonkontur. - Pure Black
#000000— Logotyp, textskylt, ramar med djup kontrast - Zinc Gray
#71717a— Huvudtext, ytterligare beskrivningar, dolda metadata, hjälptext. - Ash Gray
#a1a1aa— Tertiär text, inaktiva kantlinjer, inaktiverade tillstånd - Mist Gray
#e4e4e7— Fina kantlinjer, kortkonturer, delningslinjer, knappramar. - Fog Gray
#f4f4f5— Subtila ojämnheter i ytan, dämpad bakgrund, bild överlagrad på en nätbas.
Typografi
från 11 till 66px · 8 steg
- NB International Pro — ersättning: Inter Tight · konturer 400, 700 · Allt – design, rubriker, brödtext, användargränssnitt och navigering – är sömlöst integrerat. Signaturlösningen är aggressivt smalt negativt bokstavsavstånd, skalbart beroende på storlek (från -0,025 em till 66 px för liten brödtext), kombinerat med radavstånd som komprimeras allt eftersom storleken ökar, vilket ger rubrikerna en monolitisk, affischliknande densitet som skiljer Superpower från sina lättviktiga konkurrenter inom medicinteknik.
- NB International Mono Pro — ersättning: JetBrains Mono · konturer 400 · Tabellära metadata, mikrotextanteckningar och tekniska etiketter används sparsamt i situationer som kräver ett kliniskt/instrumentellt tillvägagångssätt.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 11px |
| Knappradie | 9999px |
| Kortradie | 15px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 75px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Superpower -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Visitors — vit teknisk ritning
- Dock — Solbelyst krämpapper, koboltpuls
- Flying Papers — Bekännelse på en lördagsmorgon-tecknad film
- Quizlet — Klassrummet är inrett i en mängd olika färger mot en vit bakgrund – ett tyst skrivbord, bakom vilket fyra pastellkort är den enda ljusa accenten mot en bakgrund av svala grå väggar och ett enda streck gjort med en indigo-penna.
- ON.energy — Gul högspänningsvarningsskylt på midnattsstål
- Navigate — En stor uppsättning klistermärken fästa på en bräda: stort groteskt typsnitt, alla i form av surfplattor och fem flerfärgade ikoner, upprepade som en logotyp
- Linear — midnattsprecisionsinstrument
- Pop Site — Ett skarpt typografiskt galleri – monumentala svarta rubriker som svävar på vita väggar, med en enda blå prick som uttrycker avsikt
- Hyperstudio — Mönstret är graverat i obsidian. Text och fina linjer ramar in ett vitt område av rent svart, med enstaka gyllene kompassmärken som visar vägen.
- Pa'lais — En botanisk skissbok, som indränkt i honung. Krämfärgat papper, blå toile de Jouy-linjeillustrationer och varma färgklickar påminner om en handgjord kokbok, medan ett djärvt, kompakt typsnitt och gott om vitt utrymme ger den en modern, redaktionell känsla.
- Raus — En mysig dagbok skriven på krämfärgat papper – varje sida är som ett vykort från skogen.
- Privy — En ledare utförd i bläck på marmor. Vit marmorduk, tätt komprimerade rubriker i svart serif, en enda lila banderoll som korsar toppen – återhållsamhet som auktoritet.