Superpower
Osasun Kudeaketa Zentro Bioluminiszentea
Superboterea erabiltzaile-interfaze zinematografiko eta atmosferiko batean promesa kliniko serio bat gorpuzten da: argazki ilun eta zabalera osokoak gainazal zuri garbietara igarotzen dira modu leunean, eta egunsenti laranja koloreko azentu bizia sistema osoan zehar taupadaka dabil. Tipografiak marka ordezkatzen du: letra negatiboen arteko tarte minimoa duen sans-serif geometriko bereizgarria, metadatuetarako 11px-tik pantailarako 66px-ra eskalatzen dena, tamaina handitzen den heinean konprimitzen den lerroartearekin (1.00 pantailarako, 1.40-1.50 gorputz-testurarako). Nabigazio-barra ilun, flotatzaile eta kapsula itxurako bat dago irudien gainean, eta ekintzarako dei kapsula itxurakoek tentsioa sortzen dute zehaztasun klinikoaren eta energia bero eta biziaren artean. Gainazalak neurri handi batean lauak dira: sistemak espazio zuri ugari, zink banatzaile sotilak eta itzal-eredu sotil bakarra erabiltzen ditu, altxatze sendo baten ordez. Koloreak gutxitan erabiltzen dira: ia dena beltza, zuria edo zink grisa da, laranja puntuazio-marka funtzional gisa soilik agertzen delarik ekintzetan eta markan.
Irudi nagusia argazki zinematografiko zabalera osoko batek menderatzen du —pertsona baten silueta zeru urdin turkesa sakon baten aurrean; irudia nahita iluna eta iluna da, pisu emozionala sortzeko eta osasun-promesarekin kontrastea sortzeko. Bigarren mailako irudiak produktuen estiloko plano estuak eta txukunak dira (laranja koloreko bazkide txartela, aplikazioen pantaila-argazkiak), bizimodu-argazkirik baino. Ez dago ilustraziorik, ez 3D renderizaziorik, ez grafiko abstrakturik —kontraste fotografikoa da identitate bisuala. Bazkide txartela egunsentiko tonuetako marmolezko eredu organiko/laba-lanpara batekin apainduta dago —elementu bisual apaingarri bakarra. Ikonoak 7,5px-ko lerro-erradioak dira (karratu biribildu leunak) Karbono beltzaren trazu sotilekin.
Paleta
Marka
- Sunrise Coral
#fc5f2b— Laranja bigarren mailako azentu gisa erabiltzen da xehetasun apaingarrietarako eta ohikoak ez diren seinaleak nabarmentzeko. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa. - Coral Glow
#ff8b64— Bazkide txartelen diseinu apaingarrirako, Sunrise Coral kolorearekin konbinatutako amaierako gradientea.
Neutroa
- Carbon Black
#18181b— Testu nagusia, nabigazio-barra flotatzailea, goiburuak, ikonoen eskema. - Pure Black
#000000— Logotipoa, testu-seinalea, kontraste handiko markoak - Zinc Gray
#71717a— Testu nagusia, deskribapen gehigarriak, metadatu ezkutuak, testu laguntzailea. - Ash Gray
#a1a1aa— Hirugarren mailako testua, ertz inaktiboak, desgaitutako egoerak - Mist Gray
#e4e4e7— Ertz-lerro finak, txartelen eskemak, banaketa-lerroak, botoien markoak. - Fog Gray
#f4f4f5— Gainazaleko irregulartasun sotilak, atzeko plano isila, sare-oinarri baten gainean gainjarritako irudia.
Tipografia
11tik 66px-ra · 8 urrats
- NB International Pro — ordezkapena: Inter Tight · eskemak 400, 700 · Dena —diseinua, goiburuak, testuaren gorputza, erabiltzaile interfazea eta nabigazioa— ezin hobeto integratuta dago. Sinadura irtenbidea letra-tarte negatibo oso estua da, tamainaren arabera eskalagarria (-0,025em-tik 66px-ra testu txikien kasuan), tamaina handitzen den heinean konprimitzen den lerro-tartearekin konbinatuta, goiburuei dentsitate monolitiko eta poster itxurakoa emanez, Superpower teknologia medikoko bere lehiakide arinetatik bereizten duena.
- NB International Mono Pro — ordezkapena: JetBrains Mono · eskemak 400 · Taula-metadatuak, mikrotestu-oharrak eta etiketa teknikoak gutxitan erabiltzen dira ikuspegi kliniko/instrumentala behar duten egoeretan.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 11px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 15px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 75px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Superpower estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Visitors — ingeniaritza marrazki zuria
- Dock — Eguzkitako krema-papera, kobalto-pultsua
- Flying Papers — Larunbat goizeko marrazki bizidunetako aitorpena
- Quizlet — Ikasgela kolore askotan apainduta dago atzealde zuri baten gainean - mahai lasai bat, eta atzean lau pastel txartel dira azentu distiratsu bakarra, horma gris hotz eta indigo errotulagailu batekin egindako marka bakarraren atzealdean.
- ON.energy — Gauerdiko altzairuzko goi-tentsioko abisu-seinale horia
- Navigate — Taula bati itsatsitako eranskailu multzo handi bat: letra-tipo grotesko handia, tableta moduan eta bost ikono kolore anitzekoak, logotipo baten antzera errepikatzen direnak.
- Linear — gauerdiko zehaztasun-tresna
- Pop Site — Galeria tipografiko soil bat – izenburu beltz erraldoiak horma zurietan flotatzen, puntu urdin bakarrarekin asmoa adierazten duena
- Hyperstudio — Diseinua obsidianan marraztuta dago. Testuak eta lerro finek beltz hutsezko espazio zuri bat inguratzen dute, noizean behin urrezko konpas markak bidea adierazten dutelarik.
- Pa'lais — Eztiz bustitako zirriborro-koaderno botanikoa. Krema koloreko paperak, toile de Jouy urdineko lerro-ilustrazioek eta kolore ukitu beroek eskuz egindako errezeta-liburu bat gogorarazten dute, letra-tipo lodi eta trinkotuak eta espazio zuri ugarik itxura moderno eta editoriala ematen dioten bitartean.
- Raus — Krema koloreko paperean idatzitako egunkari erosoa —orrialde bakoitza basoko postal bat bezalakoa da.
- Privy — Tintaz marmolezko editoriala. Marmolezko mihise zuria, serif beltzezko izenburu estutuak, goialdean zehar doan bandera more bakarra —neurria autoritate gisa—.