Superpower
Centro di gestione della salute bioluminescente
Superpower incarna una seria promessa clinica in un'interfaccia utente cinematografica e suggestiva: fotografie scure a tutta larghezza si fondono senza soluzione di continuità con superfici di contenuto bianche e nitide, mentre un unico, vibrante accento arancione, come quello di un'alba, pulsa in tutto il sistema. La tipografia rappresenta il marchio: un carattere sans-serif geometrico distintivo con una spaziatura negativa minima tra le lettere, che varia da 11px per i metadati a 66px per il testo, con un'interlinea che si comprime all'aumentare delle dimensioni (1,00 per il testo, 1,40-1,50 per il corpo del testo). Una barra di navigazione fluttuante, scura e a forma di capsula, si libra sopra le immagini, e le call to action, anch'esse a forma di capsula, creano una tensione tra precisione clinica ed energia calda e vitale. Le superfici sono prevalentemente piatte: il sistema si basa su ampi spazi bianchi, sottili divisori color zinco e un'unica, delicata ombra, piuttosto che su un forte rilievo. I colori sono usati con parsimonia: quasi tutto è nero, bianco o grigio zinco, con l'arancione che compare solo come segno di punteggiatura funzionale nelle azioni e nel branding.
L'immagine principale è dominata da una fotografia cinematografica a tutta larghezza: la silhouette di una persona contro un cielo turchese intenso; l'immagine è volutamente scura e malinconica per creare un impatto emotivo e un contrasto con la promessa di benessere. Le immagini secondarie sono scatti minimalisti e lineari, in stile prodotto (la tessera associativa arancione marmorizzata, gli screenshot dell'app), piuttosto che fotografie di lifestyle. Non ci sono illustrazioni, rendering 3D o grafiche astratte: il contrasto fotografico è l'elemento distintivo dell'identità visiva. La tessera associativa è decorata con un motivo organico effetto marmo/lampada lavica nei toni dell'alba, l'unico elemento visivo decorativo. Le icone hanno un raggio di 7,5 pixel (quadrati morbidi e arrotondati) con sottili tratti di Carbonio nero.
Tavolozza
Marca
- Sunrise Coral
#fc5f2b— L'arancione viene utilizzato come accento secondario per dettagli decorativi e per evidenziare elementi che si presentano raramente. Non dovrebbe essere utilizzato come colore principale per le chiamate all'azione. - Coral Glow
#ff8b64— Punto finale sfumato combinato con il colore Sunrise Coral per il design decorativo delle tessere associative.
Neutro
- Carbon Black
#18181b— Testo principale, riempimento della barra di navigazione mobile, intestazioni, contorno delle icone. - Pure Black
#000000— Logo, scritta, cornici con forte contrasto - Zinc Gray
#71717a— Testo principale, descrizioni aggiuntive, metadati nascosti, testo ausiliario. - Ash Gray
#a1a1aa— Testo terziario, confini inattivi, stati disabilitati - Mist Gray
#e4e4e7— Linee di contorno sottili, contorni di biglietti, linee divisorie, cornici per bottoni. - Fog Gray
#f4f4f5— Lievi irregolarità della superficie, sfondo tenue, immagine sovrapposta a una base a rete.
Tipografia
da 11 a 66 pixel · 8 passaggi
- NB International Pro — sostituzione: Inter Tight · contorni 400, 700 · Ogni elemento – design, titoli, testo, interfaccia utente e navigazione – è perfettamente integrato. La soluzione distintiva è un'interlinea negativa estremamente ridotta, scalabile in base alle dimensioni (da -0,025em a 66px per testi di piccole dimensioni), combinata con un'interlinea che si comprime all'aumentare delle dimensioni, conferendo ai titoli una densità monolitica, simile a quella di un poster, che distingue Superpower dai suoi concorrenti più leggeri nel settore delle tecnologie mediche.
- NB International Mono Pro — sostituzione: JetBrains Mono · contorni 400 · I metadati tabellari, le annotazioni in microtesto e le etichette tecniche vengono utilizzati con parsimonia in situazioni che richiedono un approccio clinico/strumentale.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | media |
| Passo base | 11px |
| Raggio del pulsante | 9999px |
| Raggio della carta | 15px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 75px |
| Larghezza del pannello | 1200px |
L'IA creerà il tuo sito web nello stile Superpower e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Visitors — disegno tecnico bianco
- Dock — Carta color crema illuminata dal sole, impulso cobalto
- Flying Papers — Confessioni in un cartone animato del sabato mattina
- Quizlet — L'aula è decorata con una varietà di colori su uno sfondo bianco: un banco sobrio, dietro il quale quattro cartoncini color pastello sono l'unico accento di colore acceso su uno sfondo di pareti grigio freddo e un unico segno fatto con un pennarello indaco.
- ON.energy — Segnale giallo di avvertimento alta tensione su sfondo grigio scuro
- Navigate — Un grande set di adesivi applicati su una tavola: un grande carattere grottesco, tutto a forma di tavolette e cinque icone multicolori, ripetute come un logo.
- Linear — strumento di precisione di mezzanotte
- Pop Site — Una galleria tipografica essenziale: monumentali titoli neri fluttuano su pareti bianche, con un singolo punto blu che esprime l'intento
- Hyperstudio — Il disegno è inciso nell'ossidiana. Testo e linee sottili incorniciano uno spazio bianco di nero puro, con occasionali segni dorati di una bussola che indicano la direzione.
- Pa'lais — Un taccuino botanico, come imbevuto di miele. Carta color crema, illustrazioni in stile toile de Jouy blu e calde pennellate di colore evocano un ricettario artigianale, mentre un carattere audace e condensato e ampi spazi bianchi gli conferiscono un'aria moderna e editoriale.
- Raus — Un accogliente diario scritto su carta color crema: ogni pagina è come una cartolina dal bosco.
- Privy — Un editoriale realizzato a inchiostro su marmo. Tela di marmo bianco, titoli in caratteri serif neri e compatti, un unico banner viola che attraversa la parte superiore: la sobrietà come espressione di autorevolezza.