Superpower
Centrul de Management al Sănătății Bioluminescente
Superputerea întruchipează o promisiune clinică serioasă într-o interfață utilizator cinematografică și atmosferică: fotografiile întunecate, pe toată lățimea, trec perfect în suprafețe de conținut albe și clare, în timp ce un singur accent portocaliu vibrant, ca de răsărit de soare, pulsează în tot sistemul. Tipografia reprezintă brandul - un sans-serif geometric caracteristic, cu o spațiere minimă a literelor negative, scalabilă de la 11px pentru metadate la 66px pentru afișare, cu o spațiere a liniilor care se comprimă pe măsură ce dimensiunea crește (1.00 pentru afișare, 1.40–1.50 pentru textul corpului). O bară de navigare plutitoare, întunecată, în formă de capsulă, plutește deasupra imaginilor, iar îndemnurile la acțiune în formă de capsulă creează o tensiune între precizia clinică și energia caldă și vitală. Suprafețele sunt în mare parte plate - sistemul se bazează pe mult spațiu alb, separatoare subtile de zinc și un singur model de umbre subtil, mai degrabă decât pe o elevație puternică. Culorile sunt folosite cu moderație: aproape totul este negru, alb sau gri zinc, portocaliul apărând doar ca semne de punctuație funcționale în acțiuni și branding.
Imaginea principală este dominată de o fotografie cinematografică pe toată lățimea - silueta unei persoane pe un cer turcoaz-albastru intens; imaginea este intenționat întunecată și melancolică pentru a crea greutate emoțională și contrast cu promisiunea de sănătate. Imaginile secundare sunt cadre înguste, ordonate, în stilul produselor (cardul de membru portocaliu marmorat, capturi de ecran ale aplicației), mai degrabă decât fotografii de lifestyle. Nu există ilustrații, randări 3D, grafică abstractă - contrastul fotografic este identitatea vizuală. Cardul de membru este împodobit cu un model organic de marmură/lampă lava în tonuri de răsărit - singurul element vizual decorativ. Pictogramele sunt pătrate cu o rază de linie de 7,5px (pătrate rotunjite delicat) cu tușe subtile de carbon negru.
Paletă
Marca
- Sunrise Coral
#fc5f2b— Portocaliul este folosit ca accent secundar pentru detalii decorative și pentru a evidenția indicii rare. Nu ar trebui folosit ca și culoare principală pentru îndemnuri la acțiune. - Coral Glow
#ff8b64— Punct final cu gradient combinat cu culoarea Sunrise Coral pentru design decorativ al cardurilor de membru.
Neutru
- Carbon Black
#18181b— Text principal, umplere bară de navigare flotantă, titluri, contur pictograme. - Pure Black
#000000— Logo, semn text, rame cu contrast puternic - Zinc Gray
#71717a— Text principal, descrieri suplimentare, metadate ascunse, text auxiliar. - Ash Gray
#a1a1aa— Text terțiar, chenar inactiv, stări dezactivate - Mist Gray
#e4e4e7— Linii fine de margini, contururi de cărți de vizită, linii de divizare, rame pentru nasturi. - Fog Gray
#f4f4f5— Neregularități subtile ale suprafeței, fundal estompat, imagine suprapusă pe o bază de plasă.
Tipografie
de la 11 la 66px · 8 pași
- NB International Pro — înlocuire: Inter Tight · contururi 400, 700 · Totul – designul, titlurile, corpul textului, interfața utilizator și navigarea – este integrat perfect. Soluția de semnătură este o spațiere negativă extrem de îngustă între litere, scalabilă în funcție de dimensiune (de la -0,025em la 66px pentru texte mici), combinată cu o spațiere între rânduri care se comprimă pe măsură ce dimensiunea crește, conferind titlurilor o densitate monolitică, asemănătoare posterelor, care distinge Superpower de concurenții săi ușori din domeniul tehnologiei medicale.
- NB International Mono Pro — înlocuire: JetBrains Mono · contururi 400 · Metadatele tabelare, adnotările microtextuale și etichetele tehnice sunt utilizate cu moderație în situațiile care necesită o abordare clinică/instrumentală.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 11px |
| Raza butonului | 9999px |
| Raza cardului | 15px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 75px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Superpower și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Visitors — desen ingineresc alb
- Dock — Hârtie crem însorită, puls de cobalt
- Flying Papers — Spovedanie într-un desen animat de sâmbătă dimineața
- Quizlet — Sala de clasă este decorată într-o varietate de culori pe un fundal alb - un birou liniștit, în spatele căruia patru cartonașe pastelate sunt singurul accent luminos pe un fundal de pereți gri reci și o singură urmă făcută cu un marker indigo.
- ON.energy — Semn galben de avertizare de înaltă tensiune pe oțelul de la miezul nopții
- Navigate — Un set mare de autocolante atașate la o placă: fonturi grotești mari, toate sub formă de tablete și cinci pictograme multicolore, repetând ca un logo
- Linear — instrument de precizie la miezul nopții
- Pop Site — O galerie tipografică sobră – titluri negre monumentale plutind pe pereți albi, cu un singur punct albastru exprimând intenția
- Hyperstudio — Designul este zgâriat în obsidian. Textul și liniile fine încadrează un spațiu alb de un negru pur, cu ocazionale urme aurii de busolă care indică drumul.
- Pa'lais — Un caiet de schițe botanice, ca și cum ar fi fost înmuiat în miere. Hârtia crem, ilustrațiile albastre cu linii toile de Jouy și accente calde de culoare evocă o carte de rețete lucrată manual, în timp ce un font îndrăzneț și condensat și mult spațiu alb îi conferă o notă modernă, editorială.
- Raus — Un jurnal confortabil scris pe hârtie crem — fiecare pagină este ca o carte poștală din pădure.
- Privy — Un editorial scris cu cerneală pe marmură. Pânză albă de marmură, titluri negre cu serife strâns comprimate, un singur banner violet traversând partea de sus – reținere ca autoritate.