Superpower
Centre de Gestió de la Salut Bioluminescent
Superpower encarna una promesa clínica seriosa en una interfície d'usuari cinematogràfica i atmosfèrica: fotografies fosques d'amplada completa es transformen perfectament en superfícies de contingut blanques i nítides, mentre que un únic accent taronja vibrant de sortida del sol pulsa per tot el sistema. La tipografia representa la marca: una sans-serif geomètrica característica amb un espaiat mínim entre lletres negatives, que s'escala des d'11 px per a metadades fins a 66 px per a la visualització, amb un espaiat entre línies que es comprimeix a mesura que augmenta la mida (1,00 per a la visualització, 1,40-1,50 per al text del cos). Una barra de navegació flotant, fosca i en forma de càpsula sura per sobre de les imatges, i les crides a l'acció en forma de càpsula creen una tensió entre la precisió clínica i l'energia càlida i vital. Les superfícies són en gran part planes: el sistema es basa en molt d'espai blanc, divisors de zinc subtils i un únic patró d'ombra subtil en lloc d'una elevació forta. Els colors s'utilitzen amb moderació: gairebé tot és negre, blanc o gris zinc, i el taronja apareix només com a signes de puntuació funcionals en les accions i la marca.
La imatge principal està dominada per una fotografia cinematogràfica d'amplada completa: la silueta d'una persona contra un cel blau turquesa profund; la imatge és intencionadament fosca i melancòlica per crear pes emocional i contrastar amb la promesa de salut. Les imatges secundàries són fotografies estretes i sense trastos d'estil de producte (la targeta de membre de color taronja jaspiat, captures de pantalla de l'aplicació) en lloc de fotografies d'estil de vida. No hi ha il·lustracions, ni renders 3D, ni gràfics abstractes: el contrast fotogràfic és la identitat visual. La targeta de membre està adornada amb un patró orgànic de marbre/làmpada de lava en tons de sortida del sol, l'únic element visual decoratiu. Les icones són de radi de línia de 7,5 px (quadrats arrodonits suaus) amb subtils traços de carboni negre.
Paleta
Marca
- Sunrise Coral
#fc5f2b— El taronja s'utilitza com a accent secundari per a detalls decoratius i per ressaltar senyals poc freqüents. No s'hauria d'utilitzar com a color principal per a crides a l'acció. - Coral Glow
#ff8b64— Punt final amb degradat combinat amb el color Sunrise Coral per al disseny decoratiu de targetes de soci.
Neutral
- Carbon Black
#18181b— Text principal, farciment de la barra de navegació flotant, encapçalaments, contorn d'icones. - Pure Black
#000000— Logotip, rètol de text, marcs amb contrast profund - Zinc Gray
#71717a— Text principal, descripcions addicionals, metadades ocultes, text auxiliar. - Ash Gray
#a1a1aa— Text terciari, vores inactives, estats desactivats - Mist Gray
#e4e4e7— Línies de vores fines, contorns de targetes, línies divisòries, marcs de botons. - Fog Gray
#f4f4f5— Subtils irregularitats superficials, fons apagat, imatge superposada sobre una base de malla.
Tipografia
d'11 a 66 px · 8 passos
- NB International Pro — reemplaçament: Inter Tight · esquemes 400, 700 · Tot (disseny, encapçalaments, cos de text, interfície d'usuari i navegació) està perfectament integrat. La solució de signatura és un espaiat negatiu entre lletres extremadament estret, escalable segons la mida (de -0,025 em a 66 px per a textos petits), combinat amb un espaiat entre línies que es comprimeix a mesura que augmenta la mida, donant als titulars una densitat monolítica, semblant a la d'un pòster, que distingeix Superpower dels seus competidors lleugers en l'espai de la tecnologia mèdica.
- NB International Mono Pro — reemplaçament: JetBrains Mono · esquemes 400 · Les metadades tabulars, les anotacions de microtext i les etiquetes tècniques s'utilitzen amb moderació en situacions que requereixen un enfocament clínic/instrumental.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | mitjana |
| Pas bàsic | 11px |
| Radi del botó | 9999px |
| Radi de la targeta | 15px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 75px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Superpower i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Visitors — dibuix d'enginyeria blanc
- Dock — Paper crema il·luminat pel sol, pols de cobalt
- Flying Papers — Confessió en un dibuix animat de dissabte al matí
- Quizlet — L'aula està decorada amb una varietat de colors sobre un fons blanc: un escriptori tranquil, darrere del qual quatre targetes pastel són l'únic accent brillant sobre un fons de parets grises fredes i una única marca feta amb un retolador indi.
- ON.energy — Senyal d'advertència d'alta tensió groc sobre acer de mitjanit
- Navigate — Un gran conjunt d'adhesius enganxats a un tauler: una font grotesca gran, tot en forma de tauletes i cinc icones multicolors, que es repeteixen com un logotip
- Linear — instrument de precisió de mitjanit
- Pop Site — Una galeria tipogràfica austera: titulars negres monumentals flotant sobre parets blanques, amb un únic punt blau que expressa la intenció
- Hyperstudio — El disseny està ratllat en obsidiana. El text i les línies fines emmarquen un espai blanc de negre pur, amb marques daurades de compàs ocasionals que indiquen el camí.
- Pa'lais — Un quadern de dibuix botànic, com si estigués amarat de mel. Paper crema, il·lustracions de toile de Jouy blaves i tocs càlids de color evoquen un llibre de receptes fet a mà, mentre que una font atrevida i condensada i molt d'espai en blanc li donen un toc modern i editorial.
- Raus — Un diari acollidor escrit en paper crema: cada pàgina és com una postal del bosc.
- Privy — Un editorial fet amb tinta sobre marbre. Tela de marbre blanc, titulars negres amb serifes ben comprimits, una única pancarta morada que creua la part superior: la contenció com a autoritat.