Superpower
Bioluminesoiva terveydenhuollon keskus
Supervoima ilmentää vakavasti otettavaa kliinistä lupausta elokuvamaisessa ja tunnelmallisessa käyttöliittymässä: tummat, täysleveydellä varustetut valokuvat siirtyvät saumattomasti teräviin valkoisiin sisältöpintoihin, ja yksi eloisa auringonnousun oranssi aksentti sykkii koko järjestelmässä. Typografia edustaa brändiä – tunnusomainen geometrinen sans-serif-kirjasintyyppi minimaalisella negatiivisella kirjainvälillä, skaalautuen 11 pikselistä metatiedoissa 66 pikseliin näyttötiedoissa, rivivälin pienentyessä koon kasvaessa (1,00 näyttötiedoissa, 1,40–1,50 leipäteksteissä). Kuvien yläpuolella leijuu kelluva, tumma, kapselinmuotoinen navigointipalkki, ja kapselinmuotoiset toimintakehotteet luovat jännitteen kliinisen tarkkuuden ja lämpimän, elintärkeän energian välille. Pinnat ovat pääosin tasaisia – järjestelmä luottaa runsaaseen tyhjään tilaan, hienovaraisiin sinkkijakajiin ja yhteen, hienovaraiseen varjokuvioon voimakkaan kohouman sijaan. Värejä käytetään säästeliäästi: lähes kaikki on mustaa, valkoista tai sinkinharmaata, ja oranssi näkyy vain toiminnallisina välimerkkeinä toiminnoissa ja brändäyksessä.
Pääkuvaa hallitsee koko leveyden elokuvamainen valokuva – ihmisen siluetti syvän turkoosin sinistä taivasta vasten; kuva on tarkoituksella tumma ja tunnelmallinen luomaan emotionaalista painoarvoa ja kontrastia terveyslupauksen kanssa. Toissijaiset kuvat ovat kapeita, selkeitä tuotetyylisiä kuvia (marmoroitu oranssi jäsenkortti, sovelluksen kuvakaappaukset) pikemminkin kuin lifestyle-valokuvia. Kuvituksia, 3D-renderöintejä tai abstrakteja grafiikoita ei ole – valokuvamainen kontrasti on visuaalinen identiteetti. Jäsenkorttia koristaa orgaaninen marmorikuvio/laavalamppu auringonnousun sävyissä – ainoa koristeellinen visuaalinen elementti. Kuvakkeet ovat 7,5 pikselin viivasäteisiä (pehmeitä pyöristettyjä neliöitä) ja hienovaraisia mustan hiilen viivoja.
Paletti
Merkki
- Sunrise Coral
#fc5f2b— Oranssia käytetään toissijaisena aksenttina koristeellisissa yksityiskohdissa ja korostamaan harvinaisia vihjeitä. Sitä ei tule käyttää ensisijaisena värinä toimintakehotuksissa. - Coral Glow
#ff8b64— Liukuvärjätty päätypiste yhdistettynä Sunrise Coral -väriin jäsenkorttien koristeelliseen suunnitteluun.
Neutraali
- Carbon Black
#18181b— Pääteksti, kelluvan navigointipalkin täyttö, otsikot, kuvakkeiden ääriviivat. - Pure Black
#000000— Logo, tekstikyltti, syväkontrastiset kehykset - Zinc Gray
#71717a— Pääteksti, lisäkuvaukset, piilotetut metatiedot, aputeksti. - Ash Gray
#a1a1aa— Kolmannen asteen teksti, passiiviset reunat, käytöstä poistetut tilat - Mist Gray
#e4e4e7— Hienot reunaviivat, korttien ääriviivat, jakoviivat, nappien kehykset. - Fog Gray
#f4f4f5— Hienovaraiset pinnan epätasaisuudet, vaimennettu tausta, kuva asetettu verkkomaisen pohjan päälle.
Typografia
11:stä 66 pikseliin · 8 askelta
- NB International Pro — korvaava: Inter Tight · ääriviivat 400, 700 · Kaikki – ulkoasu, otsikot, leipäteksti, käyttöliittymä ja navigointi – on saumattomasti integroitu. Allekirjoitusratkaisu on aggressiivisen kapea negatiivinen kirjainväli, joka skaalautuu koon mukaan (-0,025em:stä 66px:iin pienessä leipätekstissä), yhdistettynä riviväliin, joka kutistuu koon kasvaessa. Tämä antaa otsikoille monoliittisen, julistemaisen tiheyden, joka erottaa Superpowerin sen kevyistä kilpailijoista lääketieteellisen teknologian alalla.
- NB International Mono Pro — korvaava: JetBrains Mono · ääriviivat 400 · Taulukkomuotoisia metatietoja, mikrotekstimerkintöjä ja teknisiä nimiä käytetään säästeliäästi tilanteissa, jotka vaativat kliinistä/instrumentaalista lähestymistapaa.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 11px |
| Painikkeen säde | 9999px |
| Kortin säde | 15px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 75px |
| Sivun leveys | 1200px |
Tekoäly rakentaa verkkosivustosi Superpower -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Visitors — valkoinen tekninen piirustus
- Dock — Auringonvalossa kylpevä kermanvärinen paperi, kobolttipulssi
- Flying Papers — Tunnustus lauantaiaamun sarjakuvana
- Quizlet — Luokkahuone on sisustettu useilla eri väreillä valkoista taustaa vasten – hiljainen pulpetti, jonka takana neljä pastelliväristä korttia ovat ainoa kirkas yksityiskohta viileän harmaan seinien ja indigotussilla tehdyn merkin taustalla.
- ON.energy — Keltainen korkeajännitteen varoituskyltti keskiyön teräksellä
- Navigate — Suuri joukko tarroja kiinnitettynä tauluun: suuri groteski fontti, kaikki tablettien muodossa ja viisi moniväristä kuvaketta, jotka toistuvat kuin logo
- Linear — keskiyön tarkkuusinstrumentti
- Pop Site — Karu typografinen galleria – monumentaaliset mustat otsikot kelluvat valkoisilla seinillä, ja yksi sininen piste ilmaisee aikomusta
- Hyperstudio — Kuvio on raaputettu obsidiaanikiveen. Teksti ja ohuet viivat reunustavat puhtaan mustan valkoisen tilan, jossa on satunnaisia kultaisia kompassinjälkiä osoittamassa tietä.
- Pa'lais — Kasvitieteellinen luonnoskirja, kuin hunajaan kastettu. Kermanvärinen paperi, siniset toile de Jouy -viivapiirrokset ja lämpimät väripilkut tuovat mieleen käsintehdyn reseptikirjan, kun taas rohkea, tiivis fontti ja runsaasti tyhjää tilaa antavat sille modernin ja toimituksellisen ilmeen.
- Raus — Viihtyisä päiväkirja, joka on kirjoitettu kermanväriselle paperille – jokainen sivu on kuin postikortti metsästä.
- Privy — Marmorille musteella piirretty pääkirjoitus. Valkoinen marmorikangas, tiiviisti puristetut mustat serif-otsikot, yksi violetti banneri ylhäällä – hillitty päätösvaltana.