Ygdra bruker seks livsstilspilarer for å forebygge, håndtere og reversere livsstilssykdommer — med legen som partner gjennom hele reisen.
Hver pilar har sin egen farge fra Ygdras fargesystem. Fargekodingen brukes konsekvent gjennom hele appen — på tvers av skjermbilder, dashbord og kommunikasjon.
Bruksmønster: Pilarfarger brukes som bakgrunn på ikoner, kategorikort og pilarstatus-indikatorer. Aldri som tekst- eller knappefarge — bruk alltid #2d5267 eller pilarens mørke tekstfarge på disse bakgrunnene.
Tre kjerneskjermbilder viser hvordan Ygdra-designsystemet omsettes til mobilflater — fra profiloversikten til detaljert pilargjennomgang og konsultasjonskvittering.
Oversikt over alle seks pilarer med individuelle scorer og fremgangsindikator. Tabnavigasjon matcher nettstedets informasjonsarkitektur.
7-natt søvnhistorikk, nøkkelmetrikker og legens note i mint-grønn boks. Score-sirkelen bruker statusfargesystemet konsekvent.
Kvitteringsskjerm etter utfylt spørreskjema. Viser scoreoppdatering, pilarkort i farger og klar CTA mot full rapport og booking.
Store Norske Ja, weight 400 gjennomgående. Størrelsene skalerer fra 8px (metadata) til 30px (score). Aldri simulert bold.
Pilarfarger brukes utelukkende som bakgrunnsflater. Statusfarger (grønn/amber/rød) kommuniserer score-tilstand.
Primærknapp: ygblue/mint. Sekundærknapp: outline. Statusfargesystemet er konsistent gjennom hele appen.
Et felles blikk for lege og pasient etter blodpanel, søvngjennomgang og spørreskjema. Dashbordet samler alle datakildene i én koherent flate — designet for å skape samtale, ikke rapport.
Legen deler skjermen med pasienten på sin laptop. Radarkart-visualiseringen gir et øyeblikksbilde av alle pilarer, mens blodpanel og anbefalinger styrer samtalen mot konkrete neste steg.