Elevale Varumärke

Principer, tillgångar och referenser.

Varumärkesgrunder

Varumärkesvärden

Dessa principer formar produktbeslut, marknadsföring och hur vi framträder inför ledningsgrupper. De är inte förhandlingsbara i extern kommunikation.

Anpassning framför aktivitet

Upptagna team är inte detsamma som samordnade team.

Vi pratar om delad riktning, länkade OKR:er och framsteg som styrelsen kan se, inte sysselsättning för dess egen skull.

Klarhet framför buller

Ledare bör se vad som är viktigt utan ytterligare en labyrint av instrumentpaneler.

Vi minskar fragmenteringen: en enda kommandocentral för riktning, mätvärden och utförande. Språket förblir enkelt och specifikt.

Bevis framför åsikt

Beslut bör baseras på realtidsdata, inte på inaktuella exporter.

Vi betonar KPIs, ändringsloggar och grundade AI-insikter, bevis som ledarskapet kan agera utifrån, inte hype eller gissningar.

Byggd för ledarskap

Exekvering i företagsklass utan komplexitet i företagsklass.

Vi respekterar styrelseledamöter och operatörer: noggrannhet i styrelserum, användbarhet i frontlinjen och styrning utan byråkrati.

Varumärkesgrunder

Meddelanden

Vad vi säger, vem vi säger det till och hur vi bevisar det, konsekvent på webben, i produkter, i försäljning och hos partners.

Elevale är den strategiska exekveringsplattformen som omvandlar riktning till OKR:er, live KPI:er och teamsamordning, för affärschefer som vill ha tydlighet och riktning, inte kaos.

Kategori

Strategisk exekveringsplattform, inte ett generiskt projektverktyg eller ytterligare en BI-instrumentpanel. Uppgifter, OKR:er och live KPI:er finns i ett system så att riktning, dagligt arbete och bevis förblir sammanlänkade och inte utspridda över separata appar.

Publik

Företagsledare, grundare och ledningsgrupper som driver verksamheter på flera platser eller som växer. De sätter strategier, genomför granskningar och behöver att verksamheten utvecklas som en enhet, inte mer programvara för programvarans skull.

Löfte

Förvandla strategi till verklighet som din ledningsgrupp kan se och styra: levande riktning, mätbara mål, realtidsmätvärden och AI som läser av din verksamhet, inte den öppna webben.

Bevis

Grundade påståenden i produktverkligheten: OKRs kopplade till uppgifter, live KPIs, affärsändringsloggar, Otto förankrad i arbetsytedata och resultat som chefer känner igen (anpassning, färre blinda fläckar, snabbare granskningar).

Meddelandeflöde

I hjältar och landningssektioner, berätta historien i tre taktslag: börja med en hook som namnger spänningen, visa hur Elevale löser den och bjud sedan in till nästa steg. Detta är den berättande ordningen, inte en typografisk specifikation. Rubrik-, brödtext- och knappstilar finns i Typografi och UI-mönster.

  1. Utmaning En vass krok, inte ett stycke

    Du godkände planen. Fråga vad som händer idag och rummet blir tyst.

  2. Upplösning Hur Elevale förändrar bilden

    En kommandocentral länkar samman riktning, OKR:er, live-KPI:er och dagliga uppgifter så att din ledningsgrupp kan se framsteg och styra utan ytterligare en labyrint av instrumentpaneler.

  3. Uppmaning till handling Nästa steg du vill att de ska ta

    Starta din 14-dagars gratis provperiod

Meddelandespråk

  • Användning: kommandocentral, strategiskt utförande, riktning, samordning, live KPIs, bevis, ledningsgrupp
  • Undvik: allt-i-ett-mirakel, disruptivt, revolutionerande AI, bäst i klassen, synergi
Varumärkesgrunder

Tonfall

Hur vi låter när värderingar och budskap möter sidan: självsäkra, direkta och praktiska. Skrivet för regissörer som behöver tydlighet, inte jargong.

Rensa

Säg vad Elevale gör och varför det är viktigt i ett enkelt språk. Korta meningar. Konkreta substantiv. Inga utfyllnadsadjektiv.

Avgörande

Föredra aktiv röst och resultat som ledare kan föreställa sig: recensioner som återspeglar verkligheten, mål som team kan ta ansvar för, mätvärden som uppdateras live.

Mänsklig

Erkänn verklig smärta: fragmenterade verktyg, strategi i bilder som ingen följer, recensioner baserade på förra månadens siffror. Visa sedan en trovärdig väg framåt.

Varumärkesexempel

Förvandla strategi till utförande som din styrelse kan se

Elevale kopplar samman dina riktningar, OKRs och live KPIs i en och samma kommandocentral, så att ledningen lägger mindre tid på att stämma av kalkylblad och mer tid på att styra verksamheten.

Ordval

  • Användning: tydlighet, utförande, riktning, linjering, bevis, förankrad, ledarskap
  • Undvik: synergi, störa, revolutionerande, bäst i klassen, utnyttja (som verb),

Efter kanal

  • Marknadsföringssajt: rubrikdriven, bevisorienterad, minimala utropstecken.
  • Produktgränssnitt: koncisa etiketter, praktiska tomma lägen, inget marknadsföringsfluff i arbetsflöden.
  • Försäljning och kortlekar: samma löfte som webbplatsen: expandera med kundbevis, motsäg aldrig positionering.
Varumärkesgrunder

Otto

Otto är en utter: Elevales strategiska rådgivare inom AI och varumärkeskaraktär. Han är inte en mänsklig talesperson. Han måste alltid representera en lösning, inte ett problem, och bidra med klarhet, energi och glädje med syfte.

Ottern Otto, Elevales strategiska rådgivare inom AI och varumärkeskaraktär

Vad Otto representerar

Klarhet, energi och glädje, aldrig en maskot, aldrig en rekvisita.

Han är ansiktet utåt för vår AI-strategiska rådgivare: en utter som får grundade råd att kännas lättillgängliga. Han är en tänkande partner knuten till din strategiska riktning, OKRs, KPIs, wiki och marknadskontext. Varje framträdande bör visa vägen framåt: en tydligare brief, en löst blockering, momentum från insikt till handling, inte röran före Elevale.

I produkten

Otto är AI-strategisk rådgivare inom plattformen: röst- och maskinskriven chatt, inline-referenser till live KPIs och OKRs, och hjälper till att omvandla insikter till uppdaterad riktning, mål och uppgifter. Han är den självklara rådgivaren för både stora och små frågor: funktionell, förankrad och alltid kopplad till arbetsytedata.

Inom varumärke och marknadsföring

På webbplatsen och i kommunikationen syns Otto när han kan demonstrera en lösning: att introducera kommandocentralen, visa hur tydlighet landar, eller signalera AI som förstår verksamheten. Inte en maskot i sidans marginal. Inte en rekvisita bredvid tom hype. Syftet först.

I kampanjer

I kampanjer stöder Otto strategisk tydlighet, genomförande och AI baserad på verkligt arbete, aldrig komisk lättnad, aldrig personifieringen av problemet. Visar riktning som utvecklas, beslut som löser blockeringar eller ledarskap som får svar utan ytterligare en dashboard. Endast godkända bilder.

Kontakta teamet för godkännande All användning av Otto, oavsett om det gäller interna presentationer, externa annonser, sociala medier eller material från partners, kräver varumärkesgodkännande innan publicering.

Riktlinjer

Detta

  • Använd Otto endast när han representerar en lösning: klarhet, grundade råd, energi eller momentum från insikt till handling.
  • Inkludera honom när Elevale storytelling behöver en tydlig vägledning till svaret: vision, bevis, AI som kan din bransch, inte isolerade skämt om reportage.
  • Låt honom ge klarhet, energi och glädje. Kvick, direkt och självsäker som en Elevale röst, aldrig sarkastisk, kaotisk eller barnslig.
  • Använd godkänd Otto-grafik från varumärkeskitet. Rita inte om, färglägg inte om eller sträck inte ut karaktären.
  • Involvera varumärkesteamet tidigt i kampanjer, merchandise eller sociala medier så att användningen förblir avsiktlig.

Inte detta

  • Framställ inte Otto som problemet: förvirring, misslyckande, kaos eller elände "före Elevale". Han visar lösningen, inte smärtan.
  • Behandla honom inte som en maskot. Inga clipart-bilder, inget flin bredvid text han inte stöder, ingen varumärkesbakgrund.
  • Använd honom inte som rekvisita. Håll inte upp tomma skyltar, peka inte på orelaterade erbjudanden eller fyll tomrum för att layouten känns tom.
  • Använd honom inte som utfyllnad, bakgrundsbild eller emoji-liknande dekoration utan budskap.
  • Placera honom inte i tekniska dokument, juridiska sidor eller sammanhang som motsäger ledarpositionering.
  • Skapa inte nya poser, kostymer eller meddelanden utan godkännande, inte ens för interna bilder.
  • Ändra inte hans utseende, proportioner eller parning med icke-godkända logotyper eller partnermärken.
Logotyp

**Lockup-logotypen** är standardlogotypen Elevale: **logotypmärke** plus **ordmärke** i en fil. **Slogan** är separat marknadsföringstext. Vi använder den ofta på webbplatsen, men den är inte en del av lockup-grafiken.

Delar av logotypen

Använd dessa namn konsekvent i briefs, kortleksaker och varumärkesutrustningen. När vi säger Elevale logotyp menar vi själva lockup-logotypen om vi inte uttryckligen ber om logotypen enbart.

Delar av logotypen
Elevale lockup: logo mark and wordmark
Logotypmärke
De sammankopplade rosa och lila rutorna till vänster.
Ordmärke
Namnet Elevale i Coolvetica kondenserat till höger.
Inlåsning
Logotypmärke och ordmärke tillsammans. Detta är standardlogotypfilen.

Slogan

Strategin som aldrig dör

Typisk placering på en hjälte

Visas ofta ovanför huvudrubriken. Undvik den från exporterade logotypfiler om inte varumärket godkänner en anpassad låsning.

Vad logomärket betyder

Logotypen består av två fyrkanter, förskjutna och sammankopplade. De läses som separata moduler som valde att mötas: där det fanns ett gap mellan strategi och genomförande, mellan vad ledningen sa och vad verksamheten kunde visa, finns det nu en medveten touch. Inte en suddig linje. Inte ett övertagande. En koppling man kan se.

Överlappningen är punkten. Den delade kanten är där Elevale finns.

Från avkoppling till gemensam ansträngning

Kalkylblad i ena hörnet, OKRs i ett annat, recensioner baserade på förra månadens export. Logotypen är motsatsen till den avvikelsen: två plan som glider in i registret så att verksamheten slutar motsäga sig själv offentligt.

Sömmen är kommandocentralen

Det gemensamma hörnet är inte dekoration. Det är knutpunkten där brief, mätvärden och teamets handlingar ska mötas. Elevale är produkten i den överlappningen: en yta för riktning, mätning och uppföljning.

Sammankopplad, fortfarande i rörelse

Förskjutningen antyder framåtrörelse utan kollision. Strategi krossar inte operationer; data begraver inte människor. Rutorna går framåt tillsammans, likt prioriteringar som slutligen drar i samma riktning.

Höjd vid skarven

Elevale lyfter fram från den knutpunkten. Alignment är inte en affisch på en vägg; det är det ögonblick då organisationen höjer sig över buller eftersom avsikt och bevis delar samma gräns. Logotypens märke är litet. Idén är det inte.

Rosa och lila i logotypen

Rosa och lila har båda en roll i målet. Rosa är varmt: riktning, momentum och kraften att bestämma. Lila är coolt: bevis, struktur och bevis som du kan styra efter. Håll dem på sin egen ruta; de delar bara gränsen där avsikt möter bevis. HEX-, RGB- och UI-regler finns i kärnfärger.

  • Rosa

    Riktning och momentum

    #E20F7A --pink

    En varm magenta med tydlig energi. I märket sitter den framåt: ögat når den först, på samma sätt som ledarskapet måste namnge det som är viktigt härnäst.

    Represents Avsikt före bevis: vart verksamheten är på väg, vad som prioriteras och energin att gå vidare.

    I logotypens märke är det rosa som leder berättelsen. I produktens användargränssnitt är det åtgärdslagret: primära knappar, prioritetstillstånd och ögonblick som kräver ett tydligt beslut.

  • Purpur

    Bevis och struktur

    #5270F5 --purple

    En lugn blåviolett med djup. Den lutar sig något tillbaka från rosas värme och bär på mätvärden, struktur och bevis i en stadig, pålitlig ton.

    Represents Vad verksamheten kan visa: live-KPIs, länkat arbete, struktur och styrda data som ledarskapet kan lita på.

    I logotypen kompletterar lila det rosa börjar med. I produktens användargränssnitt bär den på mätvärden, navigationsfokus och ytor där tydlighet är viktigare än dekoration.

Storleksfördelning och avstånd

Se till att det finns ett fritt utrymme lika högt som den rosa hörnmodulen på logotypmärket (20px vid standardstorlek för låset) på alla sidor av låset.

x = höjden på den rosa hörnmodulen på logotypens märke (20px vid standardstorlek för låset). Se till att det finns minst ett x utrymme på alla fyra sidor av låset.

Minsta fria utrymme
Logotyp

Ladda ner godkända lockups och filer med endast logotypmärken. Använd lockupen för marknadsföring; använd endast logotypen där utrymmet är begränsat och varumärket redan är igenkänt.

Låsningar

Endast logotypmärke

För favikoner, appikoner, avatarer och kompakt användargränssnitt. App-tile-filer inkluderar den färgade bakgrunden; beskär inte eller ändra färg.

Logotyp

Användande

Använd helfärgslåsning på ljusa bakgrunder och låsning på mörka för heltäckande mörka bakgrunder. På fotografier eller ytor med mycket hårt tryck, lägg till ett heltäckande lager eller byt till omvänd låsning så att märket förblir läsbart.

Godkända bakgrunder

Ljus
Mörk

Saker att undvika

Sträck eller förvräng inte

Lägg inte till konturer

Rotera inte låset

Placera inte på livliga bakgrunder utan kontrast

Håll ett fritt utrymme

Färg

Kärnfärger

Rosa och lila fungerar som ett par, inte som ersättningar. Rosa drar blicken mot riktning och handling; lila innehåller den operativa sanningen under. Neutrala färger gör det tunga arbetet i produktens användargränssnitt och långformatsläsning.

Hur de arbetar tillsammans

Använd rosa när du vill ha momentum eller en primär åtgärd. Använd lila när du visar struktur, mätvärden eller förtroende genom data. Den rosa-till-lila gradienten är endast för heroes- och premiumband. Se Gradients.

Märkesrosa

Varumärkesrosa. Riktning, uppmaningar till handling och den inledande rutan i logotypens märke. Ändra inte nyans eller mättnad.

#E20F7A rgb(226 15 122) --pink

Varumärke lila

Varumärkeslila. Bevis, produktgränssnittsstruktur och den avslutande rutan i logotypens märke. Ändra inte nyans eller mättnad.

#5270F5 rgb(82 112 245) --purple

Rosa ljus

#FCE4F1 rgb(252 228 241) --pink-light

Lila ljus

#EEF0FE rgb(238 240 254) --purple-light

Mörk

#111318 rgb(17 19 24) --dark

Svart

#0A0A0A rgb(10 10 10) --black

Vit

#FFFFFF rgb(255 255 255) --white

Off-white

#F9FAFB rgb(249 250 251) --off-white

Färg

Gradienter

Gradienter blandas med rosa och lila: samma berättelse som logotypen, men kontinuerlig. Använd dem sparsamt på hjältar, uppmaningar till handling och premiummarknadsföringsband, aldrig bakom brödtexten.

Mörk varumärkesgradient

#0D1117 · rgb(13 17 23) #111827 · rgb(17 24 39) #1A1040 · rgb(26 16 64)

Rosa till lila

#E20F7A · rgb(226 15 122) #5270F5 · rgb(82 112 245)
Typografi

Skärm: Coolvetica kondenserad

Ladda ner Coolvetica

Rubriker, huvudtitlar och sektionsetiketter. Använd gemener och versaler i marknadsföringen; undvik versaler förutom korta etiketter.

Strategiskt genomförande, tydliggjort

Typografi

Kropp: Satoshi

Ladda ner Satoshi

Brödtext, UI-etiketter och stödtext. Vikterna 400, 500 och 700 är godkända.

En plattform för vägledning, KPIs, OKRs och teamsamordning.

Bilder

Fotografi

Fotografi används tillsammans med produktgränssnitt, diagram och marknadsföringsgrafik. Vi använder det i kampanjhjältar, UI-mockups, arbetsplats- och teamögonblick och små avatarer inuti appskärmar (tidslinjer, organisationsscheman, tilldelade chip). Varje bild ska stödja strategi och genomförande med tydlig text, varumärkesfärg och kontext.

Där fotografi dyker upp

Produktionsfotografering omfattar **kampanjbilder**, **UI-mockups**, **arbetsplatsbilder**, **teamporträtt** och **UI-avatarer**. Varje typ har sina egna storleks- och sourcingregler i korten nedan, plus en kort lista över vad som inte ska skickas.

Kampanj och lansering av kreativitet

Kombinera en person eller godkänd varumärkeskaraktär med en komponerad scen: övertoning eller färgband, rubrik och produktgränssnitt framför. Värme och trovärdighet kommer från den mänskliga sidan; bevis kommer från gränssnittet. Utskärningar kan sträcka sig över bandet när läsbarheten är stark.

UI-mockups och produktscener

Skapa stiliserad UI-grafik och komponerade scener, inte foton av namngiven hårdvara (inga ramar för iPhone, MacBook eller andra märkesenheter). Använd neutrala skärmformer, lager-på-lager-kort eller abstrakta ramar så att bilder inte blir föråldrade när produkter uppdateras. Kombinera fotografier med UI när det hjälper berättelsen; se till att text och kort är läsbara. Använd källkod i full upplösning; sträck inte ut lågupplösta beskärningar.

Arbetsplats- och kontorsfotografering

Visa verkliga kontor, verkstäder och arbetsmoment för citat, kulturband, karriärer och redaktionella block. Föredra naturligt ljus, autentiska utrymmen och mångsidiga team framför generiska standardkontor. Lägg till ett heltäckande eller tonat överlägg när texten ligger på bilden.

Team- och ledarskapsporträtt

Använd lättillgängliga porträtt och små grupper för ledarskap, sociala bevis och partnerinnehåll. Håll garderoben neutral eller varumärkesspecifik. Komponera med produktgränssnitt eller rubriker när bilden stöder en kampanj, inte som en osammanhängande bakgrundsbild på en porträttbild.

Avatarer i produktgränssnittet

Beskurna porträtt i avatarstorlek (ungefär 24–40 pixlar) i tidslinjer, organisationsscheman, tilldelade chips och socialt säkra rader. Använd endast godkända avatarbeskärningar från varumärkeskitet i denna storlek. Skala aldrig upp avatarfiler för hjältar eller kampanjband.

Använd inte

Slumpmässiga porträttbilder, handskakningsbilder, utfallande fotohjältar utan produkt- eller budskapskontext, eller mockups låsta till igenkännbara konsumentenheter. Fotografier bör förklara plattformen, visa verkligt arbete eller förstärka rubriken. Om de inte gör någotdera, välj grafik eller användargränssnitt istället.

Kampanjliknande komposition

Lanserings- och kampanjlayouter parar ihop en verklig person eller varumärkeskaraktär med ett produktgränssnittskort mot en djärv varumärkesbakgrund. Rubriken bär löftet, gränssnittskortet bär bevis, och fotografier kan hänga över den övre kanten när fötterna förblir förankrade i bandets nederkant.

Exempel på komposition. Använd högupplösta, licensierade fotografier eller godkända varumärkesklipp i full kampanjstorlek.

Avatarbibliotek (gränssnittsvisningsstorlek)

Godkända beskärningar endast för mockups och produktgränssnitt. Visa i storleken nedan. För kampanjer, arbetsplatser eller teamband, köp separata fotografier i full upplösning.

Direktör
Direktör
Operationsledare
Operationsledare
Finanschef
Finanschef
Strategisk ledare
Strategisk ledare

Filkvalitet och leverans

Kampanj-, mockup-, arbetsplats- och teamfotografering bör vara minst 1200 pixlar långsida före export. Leverera WebP eller AVIF för webben. Avatar-kitfiler behåller sin ursprungliga lilla storlek. Begär varumärkesgranskning när du blandar fotografering med partnerlogotyper eller co-branding.

Bilder

Marknadsföringsgrafik

På webbplatsen, i huvudsidorna och i kampanjerna använder vi kort i UI-stil, mjuka överlägg och återhållsamma varumärkesfärger. Målet är djup och tydlighet, inte dekoration för dess egen skull.

Återhållsamhet över buller

En primär visuell figur per hjälte eller sektion räcker. Låt text, avstånd och en enda staplad kortgrupp bära berättelsen. Om allt ropar, landar ingenting.

Färg med struktur

Neutrala färger (vit, benvit, mörk text) håller layouten. Rosa och lila visas som accenter: övre kanter på kort, diagramlinjer, märken och gradientband på mörka sektioner. Fyll inte stora områden med fullständiga varumärkesgradienter bakom ett tätt användargränssnitt.

Djup genom lager-på-lager

Använd två eller upp till tre överlappande kort med förskjuten position, ljus rotation och mjuk skugga. Två kort räcker när berättelsen är enkel; lägg bara till ett tredje när det ger kontext. Det främre kortet förmedlar budskapet; de bakre korten antyder stödjande detaljer.

Överlägg och paneler

Placera grafik inuti provpaneler eller på lugna bakgrunder. På fotografier eller mörka band, lägg till ett heltäckande eller tonat överlägg så att text och kort förblir läsbara. Korten placeras ovanför bakgrunden; de konkurrerar inte med den.

Rekommenderad

Exempel med upp till tre kort: varje lager har en titel och en UI-ledtråd. Det främre kortet har rubriken; de bakre korten är ljusare men ändå läsbara. Använd två när det räcker.

Undvika

Platta rutnät med höga gradienter, konkurrerande former och block med samma vikt. Läsas som röran och försvagar produktberättelsen.

Usage rules

  • Använd två eller tre kort i en hjältehög, aldrig mer än tre. Stanna vid två när ett tredje lager inte skulle ge mer sammanhang.
  • Håll kortens insida mestadels neutral. Använd rosa eller lila för en accent per kort (kantstreck, prick, gnistlinje eller märke).
  • Reservera fullständiga rosa-till-lila-gradienter för hjältar, uppmaningar till handling och mörka band. Se Gradients och Kärnfärger.
  • Använd riktiga produktgränssnittsmönster för funktioner och grafik på startsidan där det är möjligt. Se Produktgränssnitt.
  • Animera inlägget med kort, förskjuten rörelse (blekning och lätt lyft), inte konstant rörelse. Se Rörelse.
  • När Otto eller fotografi visas bredvid kort, ge grafiken utrymme att andas. Överfyll inte högen.
Bilder

Produktgränssnitt

Ladda ner varumärkespaket

Utgå från riktiga Elevale appskärmar och UI-mönster i skärmdumpar och marknadsföringsgrafik. Du kan förenkla, beskära eller ta bort sekundära kontroller när det gör värdet tydligare. Använd neutrala färger, Satoshi för UI-text och rosa eller lila endast där produkten faktiskt framhäver tillstånd, diagram och åtgärder.

Riktigt användargränssnitt, förenklat för handlingen

Bygg utifrån autentiska Elevale layouter, typ och komponenter. För marknadsföring går det bra att minimera gränssnittet: ta bort sidopaneler, trimma navigering eller dölja funktioner som inte stöder budskapet. Målet är att förklara vad som är viktigt, inte att visa alla kontroller på skärmen. Klistra inte in användargränssnittet i slumpmässiga webbläsarfönster eller ändra färg på en generisk instrumentpanelsmall för att se ut som i varumärket.

Färglägg där produkten använder den

Bakgrunderna förblir vita eller benvita. Rosa och lila visas på aktiva navigeringsobjekt, förlopp, diagramserier, märken och primära knappar i appen. Översvämma inte skärmdumpen med gradienter som inte finns i live-gränssnittet.

Fokusera på ett jobb som ska göras

Skärp ramen för arbetsflödet du förklarar: riktning, OKRs, KPIs eller instrumentpaneler. Ta bort tomt utrymme, orelaterade moduler och UI-brus så att tittaren ser ett tydligt resultat, inte hela produkten på en gång.

Matcha mediet

Fullständiga skärmdumpar i dokumentärstil hör hemma i fallstudier, dokument och säljpresentationer. För webbplatshjältar, föredra förenklade beskärningar eller lagerkortsgrafiken i marknadsföringsgrafik när du behöver djup utan att visa hela appen.

Fånga och exportera

  • Hämta från staging eller produktion med riktig text och etiketter. Förenkla eller beskär användargränssnittet när det förtydligar värdet; lägg inte till falska moduler. Sudda ut eller anonymisera kundnamn vid behov.
  • Sträck, snedställ eller runda inte av hörnen på ett annat sätt än produkten.
  • Behåll rosa och lila accenter i samma roller som appen (navigering, diagram, uppmaningar till handling). Se Kärnfärger.
  • För marknadsföringshjältar utan en fullständig skärmdump, använd staplade UI-kort per marknadsföringsgrafik.
  • Exportera med 2× upplösning för skarpa bilder och webb; föredra PNG eller WebP med sRGB-färg.
  • De senaste godkända inspelningarna finns i varumärkespaketet på Google Drive. Begär åtkomst innan extern publicering om du är osäker.
UI-mönster

UI-mönster

Produkt- och marknadsföringsgränssnitt delar radier, skuggor och knappbehandlingar från designsystemet.

Använd en primär åtgärd per visning. På ljusa marknadsföringsytor, para ihop den med en sekundär text eller ett konturerat piller. Reservera spökknappar endast för mörka bakgrunder.

Primär uppmaning
Hjältepar (primär + text sekundär)
Skisserad sekundär (ljusa ytor)
Spöke (endast mörka ytor)
Medelstor radie (12px)
Kortskugga
Ikonografi

Ikonografi

Elevale använder Lucide konturikoner på marknadsföringssidor, funktionsavsnitt och UI-mockar. En familj, en linjetjocklek och en liten storleksskala gör navigering och kort skannade.

Principer

Endast Lucide

Använd ikoner från Lucide-setet (via vårt webbplatsregister). Blanda inte Feather-, Font Awesome-, emoji- eller specialdesignade illustrationsikoner på samma yta.

Konturvikt

Linjeikoner med 1,5–2px penseldrag på en 24px-duk. Använd inte hårfina (<1,5px) eller kraftiga (>2px) penseldrag, och blanda aldrig fyllda tecken med kontur-Lucide på en panel.

Monokrom färg

På ljusa gränssnitt, använd märkesrosa eller lila, eller neutral mellangrått för sekundära effekter. På gradienter och mörka band blir ikonerna vita.

Betyder först

Välj ikoner som förstärker etiketten (mål för mål, diagram för KPI, användare för team). Om ikonen inte förtydligar linjen, ta bort den istället för att dekorera.

Storleksskala

Håll dig till 16, 20 och 24 pixlar. Marknadsföringskort kan använda 28 pixlar för betoning; hitta inte på unika storlekar.

16px Inline-meta, täta tabeller, chips
20px Sekundära knappar, kompakt navigering, listrader
24px Standardgränssnitt, funktionskort, primära navigeringsikoner

Färg på ytor

Lätt användargränssnitt Rosa eller lila på vita/benvita kort
Varumärkesgradient Vit ikon på rosa–lila band
Sekundär Mellangrå för stödlinjer, inte primära uppmaningar

Var ikoner visas

  • Navigering Koppla ihop varje primär navigeringsikon med en synlig textetikett. Samma storlek och färg för alla objekt i gruppen.
  • Marknadsföringskort En ikon per kortrubrik (smärtpunkter, fördelar, pelare). Rosa accent på vita kort är standardmönstret på elevale.com.
  • Produkt och mockar Sidofält, flikar och statusrader i funktionsmockar använder ikoner på 20–24 pixlar med etiketter eller intilliggande text. Statusikoner kan använda grönt för framgång, aldrig regnbåge.
  • Dekorativ användning Undvik ikonbakgrundsbilder. Om en ikon är enbart dekorativ och inte refereras till i texten, ta bort den.

Ikonbibliotek

Varje Lucide-namn som är registrerat på marknadsföringssajten. Sök och kopiera sedan namnet för designöverlämning eller hämta färdiga snippets för Astro- och Webflow-block.

67 ikoner i registret

Förhandsgranska färg (alla ikoner)
activity
arrow-right
audit
award
badge-check
bar-chart-3
book-open
bot
brief
briefcase
building-2
calendar
calendar-check
check
check-circle
check-square
circle-check
clock
compass
credit-card
dashboard
eye
file-check
file-text
globe
graduation-cap
handshake
headphones
heart
heart-handshake
history
key-round
kpi
layers
layout-dashboard
layout-grid
link
link-2
list-todo
lock
map
map-pin
message-square
network
palette
percent
privacy
progress
roles
route
scroll-text
settings
share-2
shield
shield-check
sliders-horizontal
sparkles
target
tasks
team
trending-down
trending-up
user-plus
users
wallet
x
zap

Konsekvent

Kontur Lucide, enfärgad, skalenlig, etikett vid navigering.

Undvika

Blandade familjer, fyllda tecken, regnbågsfärger eller ikoner utan stödjande etikett i den primära navigeringen.

Do

  • Behåll en enda konturstil per yta (endast ikoner för Lucide-linjer).
  • Koppla ihop ikoner med text på navigering, primära knappar och funktionskort.
  • Använd märkesrosa, lila, vit med toning eller neutralgrått, inte godtyckliga nyanser.
  • Använd 16, 20 eller 24 pixlar (28 pixlar endast för stor marknadsföringstyngd).
  • Registrera nya Astro-ikoner i Lucide-registret före användning; startsidans Webflow-block använder matchande data-lucide-namn.

Gör inte

  • Blanda inte fyllda ikonuppsättningar, heldragna märken eller emojis med Lucide-konturer.
  • Tilldela inte olika färger per ikon i samma rad eller kortrutnät.
  • Använd inte ikoner ensamma i primärnavigeringen eller viktiga uppmaningar utan etikett.
  • Upprepa inte samma ikon tre gånger i ett visningsområde som dekoration.
  • Rita inte om lucida banor, lägg inte till skuggor eller skeva ikoner för att efterlikna 3D.

Användningsregler

  • Håll ikonerna monokroma på ljusa användargränssnitt; använd vitt på varumärkesgradienter och mörka appbakgrunder.
  • Koppla ihop ikoner med etiketter för primär navigering och huvudsakliga uppmaningar.
  • Blanda inte fyllda och konturerade set på samma yta.
  • Justera ikonstorleken efter texten: 16px med bildtexter, 20–24px med brödtext och rubriker.
  • Använd aria-hidden="true" på dekorativa ikoner; texten intill har en betydelse.
  • Marknadsföringskort för smärta och fördelar: en ikon i sidhuvudet, rosa på vitt, se avståndet mellan marknadsföringsgrafik.
  • Produktgränssnittsmönster för knappar och kort finns i gränssnittsmönster; ikoner följer samma radier och densitet.
  • Begär varumärkesgranskning före ikonledda partnerkampanjer eller anpassade piktogram utanför Lucide.
Rörelse

Rörelse

Elevale använder rörelse över hela marknadsföringssajten och produkten: ambient hero-rörelser, scroll-avslöjanden, hovringslägen, förskjutna kort och GIF-bilder som ger värme och humor. Rörelsen ska styra uppmärksamheten och förstärka tydligheten, aldrig konkurrera med budskapet.

Principer

Målmedveten

Varje animation besvarar en fråga: vad som förändrades, vad som är viktigt härnäst, eller vad som lyckades. Om rörelse inte hjälper någon att skanna, förstå eller fira, ta bort den.

Återhållsam

En fokusrörelse per visningsport. Undvik loopande kaos, parallax för dess egen skull eller flera element som studsar samtidigt. Marknadsföringsgrafik använder redan djup; rörelse bör inte överbelasta stacken.

Konsekvent timing

Använd utmatning för ingångar och utmatning för växlar. De flesta övergångar i användargränssnittet ligger mellan 200 ms och 400 ms; hjältemiljön kan vara längre men förblir subtil.

Respektera minskad rörelse

Linda dekorativa loopar och drift i prefers-reduced-motion: no-preference. Förändringar i kärntillstånd (öppna menyer, fokus) kan fortfarande animeras lätt eller skjutas upp direkt när användare begär reducerad rörelse.

Där rörelsen uppstår

Dessa mönster förekommer på hela elevale.com och på reportagesidor. Matcha dem när du utökar webbplatsens eller partnermaterialet.

  • Hjälte och närvaro Mjuk bakgrundsorbitaldrift, gradientglöd och rubrikbetoning på startsidan och viktiga landare. Långsamma loopar med låg amplitud som känns levande utan att dra fokus från uppmaningen.
  • Navigering och app-skal Navigeringsbakgrund, länkfärg och övergångar till mobila lådor (~200–300 ms). Rullgardinsmenyer tonas ut och glider; knappar lyfts något när man håller muspekaren över dem med en kort transformation.
  • Kort och högar Staggered fade-and-lift på marknadsföringskortstaplar och funktionsrutnät. Korta fördröjningar mellan syskon (ungefär 40–80 ms) så att innehållet läses uppifrån och ner, inte allt på en gång.
  • Scrolla och visa Sektioner matas in allt eftersom de kommer in i visningsporten: opacitet och translateY, inte horisontella bilder. Koppla visningar till läsordningen; utlös inte om vid varje liten rullningsnyckning.
  • Produkt och mockar Funktionssidor med användargränssnittsmock använder subtila tillståndsändringar, flikväxlar och lekfulla GIF-reaktioner i chatt- eller uppgiftstrådar. När Otto är i röstläge signalerar <a href="#motion-voice-orb">AI-röstklotet</a> lyssnande och tänkande. Se det avsnittet för syfte och animation.

Tidsreferens

Mikro 150–200 ms Muspekare, fokusringar, ikonknuffar
Standard 200–400 ms Knappar, paneler, navigering, korthållning
Betoning 400–600 ms Modaldukar, stora säckar (använd sparsamt)
Omgivande Kontinuerlig AI-röstkula som lyser och andas (ljudstyrt i appen)

AI-röstkula

En mjuk, glödande sfär i Elevale-appen när man pratar med Otto via rösten. Den visar att sessionen är live och reagerar på ljud, medan transkriptionstext och Ottos svar bär det faktiska budskapet.

Översikt

I produkten ritas klotet live på skärmen (inte en videofil eller en statisk bild). Det är den huvudsakliga visuella symbolen för röstläge: lugn när den är inaktiv, mer aktiv när någon pratar och varmare när Otto pratar. Det är inte en logotyp, ett diagram eller en spektrumanalysator med staplar.

Där det visas

Samma orb-komponent används i två layouter, drivna av samma röstsession:

  • Röst i helskärmsläge

    Stor klot (cirka 320px) centrerat på röstskärmen. Att trycka på klotet kan avbryta Otto medan han talar.

  • Flytande widget

    Liten sfär (cirka 92px) i det minimerade röstchippet. Genom att trycka återgår du till chattvyn; ljud av och avsluta-kontrollerna sitter ovanför sfären.

Vad den svarar på

Rörelsen följer riktigt ljud från sessionen, inte slumpmässig animation:

  • Din röst Klotet lyser upp och rör sig med mikrofonen medan du talar (såvida det inte är avstängt).
  • Otto talar När Otto spelar upp ett röstsvar reagerar klotet även på det ljudet, med en svag extra puls så att det är tydligt att assistenten pratar.
  • Tysta stunder Under en aktiv session andas klotet fortfarande mjukt så att användargränssnittet känns levande, även i tystnad. Det försvinner inte mellan orden.
  • Mikrofon avstängd Mikrofoningången ignoreras. Paletten skiftar till kallare skifferfärgade toner, krusningar och partiklar upphör och en dämpad ikon visas på klotet.
  • Sessionen avslutad Röstläget stängs eller återgår till chatt. Klotet slutar reagera och ska inte fortsätta pulsera som om ett samtal fortfarande vore öppet.

Allmän struktur

Tänk på klotet som ett mjukt ljus i flera lager, inte en hård 3D-boll eller en vågformsdisplay:

  • Yttre glöd En bred, pastellfärgad gloria runt klotet. Brandrosa och lavendelfärgad när den är aktiv; dämpad skiffer när mikrofonen är avstängd.
  • Rippelringar Några mjuka ringar som expanderar utåt. De antyder energi, inte individuella frekvenser.
  • Huvudsfär Ett diffust centrum utan skarp iris eller pupill. Storleken andas lätt med bas och övergripande energi.
  • Inre moln Mjuka färglober som driver inuti sfären när mellan- och lågtoner stiger och faller.
  • Partiklar Många små partiklar kretsar kring mitten, snabbare när samtalet är energiskt. De är dekorativa, inte datapunkter.

Featuresidor på elevale.com använder en förenklad CSS-version av detta utseende för statiska simuleringar. Live-appens orb är mer fyllig och kopplad till riktig mikrofon och uppspelningsljud.

Varumärkesreferensexemplar

Färg

Pastellrosa och lavendelfärger blandas från varumärkets primärfärger mot vitt. Inga regnbågsfärgade förskjutningar, platta fyllningar eller skarpa kanter. Dämpat läge använder endast neutrala skifferfärger.

UX och tillgänglighet

  • Para alltid ihop med text Livetranskription, sessionsetiketter och Ottos skriftliga svar ligger bredvid klotet. Förlita dig aldrig enbart på animationen.
  • Skärmläsare Ritningen är dold för hjälpmedel. Föräldraskärmar visar status (till exempel assistenten talar, mikrofonen är avstängd).
  • Minskad rörelse När användare föredrar mindre rörelse, saktar rörelsen ner och blir mjukare. Klotet kan bestå som ett lugnt statiskt sken snarare än att dansa.

Regler

  • Använd endast i Otto-röstchatt (helskärm eller flytande). Inte för marknadsföringshjältar, generiska laddare eller felmeddelanden.
  • Förvandla inte klotet till ett stapeldiagram, en logotyp eller en maskotklistermärke. Inga siffror eller etiketter inuti klotet.
  • Håll helskärms- och flytande storlekar konsekventa (cirka 320px och 92px). Uppfinn inte nya klotstorlekar utan att produktdesignen granskas.
  • Dämpat tillstånd måste vara uppenbart: kallare färg, inga partiklar, mikrofon avstängd indikator, med text som anger att mikrofonen är avstängd.
  • Marknadsföringsförsök kan förenkla sfären; lova inte extra effekter i annonser som appen inte levererar.

Karaktär och ton för Otto live in Otto.

UI-rörelseexemplar

Håll muspekaren över kortet och knappen för att se typisk lättnad och varaktighet.

GIF-användning

GIF-bilder är hur Elevale känns som riktiga människor, inte en företagsbroschyr: hyllningar i produkten, reaktioner i chatten och en och annan fånig loop i marknadsföringen. Använd dem när ögonblicket förtjänar värme eller ett leende, fortfarande vänligt och i linje med varumärket, men aldrig stelt för att se "seriöst" ut.

Bra stunder för GIF-bilder

  • Fira vinster: OKR framsteg, slutförda uppgifter, teammilstolpar eller hjältar som behöver en mänsklig high-five.
  • Reaktioner i produktens användargränssnitt: chatt, kommentarer eller rådgivartrådar där en kort loop ger humor eller uppmuntran.
  • Marknadsföringsavsnitt som visar verkliga resultat (tydlighet, momentum, lättnad), med personlighet i berättelsen, inte ytterligare ett generiskt aktieleende.

Godkända GIF-bilder för firande och reaktioner levereras med webbplatsens resurser och varumärkespaket. Begär tillägg via varumärkesteamet. Vi är öppna för lekfulla loopar som fortfarande känns omisskännligt Elevale.

Varumärkesbaserat

Godkänd biblioteks-GIF, lekfull eller festlig ton, stöder budskapet, rimlig filstorlek.

Inte tillåtet

Kontroversiell, politisk, stötande eller orelaterad memekultur. Ingen chock, blod och lockbete.

Do

  • Välj GIF-bilder som känns uppmuntrande, lite skämtsamma och mänskliga, som lagkamrater som firar, inte ett bildspel i styrelserummet. Roligt är välkommet när tillfället passar; undvik intetsägande, stel eller ansträngande "företagsprofessionell" energi.
  • Placera GIF-bilder där människor redan är i en bra stund (firande, uppmuntran, avslutning), inte som slumpmässigt utfyllnadsmaterial.
  • Använd filer från varumärkeskitet eller det godkända webbplatsbiblioteket. Använd inte hotlinks till okända webbadresser.
  • Behandla dekorativa GIF-bilder som bilder: tom alt-tecken när de är rent dekorativa; beskriv ögonblicket när de bär mening.
  • Föredra optimerade loopar, lazy-load below the fold och undvik flera stora GIF-filer i ett viewport.

Gör inte

  • Inget kontroversiellt, splittrande eller viralt stuntinnehåll, även om det är trendigt.
  • Inga förolämpningar, stereotyper, våld, blod och blod, sexuellt innehåll eller förödmjukelse på någons bekostnad.
  • Inga politiska kampanjer, protestbilder eller partiska budskap.
  • Inga blinkande, strobbande eller snabba loopar som påverkar läsbarheten eller utlöser känslighet.
  • Inga nya GIF-bilder i betalda kampanjer, partnertillgångar eller e-post utan varumärkesgodkännande.
Partners

Affiliates

Remissprogram

Som affiliate- eller hänvisningspartner introducerar du Elevale för din publik med vårt officiella namn och utseende. Se till att Elevale är igenkännbar som Elevale (inte ett eget white-label-erbjudande). Använd godkända resurser från denna hubb och få skriftligt varumärkesgodkännande innan betalda eller högsynliga kampanjer.

Ej förhandlingsbart

Till skillnad från återförsäljare använder inte affiliates white-label-tjänster. Om du behöver sälja under ditt eget varumärke, läs Återförsäljare. Om du bara delar Elevale med ditt nätverk gäller det här avsnittet.

Du måste

  • Använd endast logotyp-, färg- och mallfiler från varumärkespaketet eller logobiblioteket. Återskapa inte varumärket.
  • Använd en godkänd fullständig låsning på varje tillgång. Matcha bakgrunden: helfärg på ljusa ytor, låsning på mörka ytor eller omvänd på ytor som är mycket trafikerade. Se Logotypanvändning och fritt utrymme.
  • Håll dig inom Meddelanden, Tone of voice och Varumärkesvärderingar. Ingen hype, garantier eller påståenden om funktioner som vi inte har publicerat.
  • Skicka trafik via din tilldelade hänvisningslänk Elevale så att registreringar attributeras korrekt. Använd inte borttagna eller omdirigerade webbadresser som kringgår spårning.
  • Ange tydligt din affiliate- eller hänvisningsrelation där det krävs (till exempel betalda sociala medier, i e-postsidfoten och i blogginlägg).
  • Skicka in betalda annonser, landningssidor, webbseminarier och co-branded e-postutskick för skriftligt varumärkesgodkännande innan de publiceras.

Du får inte

  • Ändra, ändra färg, animera, rotera, konturera eller para ihop logotypen med effekter som inte finns i dessa riktlinjer.
  • Presentera Elevale som din egen plattform, ta bort vårt namn eller antyd att du byggt eller äger produkten.
  • Löften om resultat, prissättning, integrationer eller efterlevnad som vi inte har bekräftat skriftligen.
  • Bjud på varumärkestermer Elevale i sökannonser utan föregående skriftligt godkännande.
  • Använd Otto i annonser, miniatyrer eller sociala medier utan godkännande. Se Otto.
  • Härma eller förvränga vårt varumärke på ett sätt som kan förvirra människor. Tala inte, utforma eller presentera dig inte som om du är Elevale, vårt team eller plattformens ägare. Antyd inte att vi rekommenderar tjänster utanför rekommendationsprogrammet.
  • Beställ anpassade illustrationer av logotypen, sammanfoga den med tredjepartsmallar eller använd stockbilder som efterliknar vår logotyp.

Godkända tillgångar att använda

Hämta inspiration från varumärkets nav och utrustning. Använd färre element istället för att improvisera när du är osäker.

  • Fullfärg, på mörka ytor och med omvända lås (SVG/PNG). Logotypmärkning endast där utrymmet är begränsat och varumärket redan är känt.
  • Rosa, lila, neutrala färger och gradienter exakt som definierade i Kärnfärger och Gradients.
  • Rubriker och bevis från denna hubb eller marknadsföringssajten. Hitta inte på nya slogans.
  • Bilder, beskärningar i sociala medier och e-postrubriker från varumärkeskitet när sådana finns tillgängliga. Utöka layouten, rita inte om logotypen.

Korrekt placering av affiliate

Elevale tydliga framträdanden, godkända färger, tydlig uppmaning till din hänvisningslänk och ärlig information.

Godkänt exempel
Inte tillåtet

Omfärgad logotyp, påhittat produktnamn eller ditt varumärke som ersätter vårt i en Elevale-kampanj.

Deltagare som hänvisar kunder bör följa detta avsnitt för alla offentliga omnämnanden av Elevale. Programregler och provisioner finns på sidan för hänvisningsprogrammet.

Tillämpning

Elevale kan pausa eller avsluta affiliate-åtkomst, innehålla provisioner eller kräva borttagning av tillgångar som inte uppfyller reglerna. Upprepat eller allvarligt missbruk kan avsluta relationen.

Remissprogram Begär varumärkesgodkännande

Partners

Godkända återförsäljare använder Elevale som sin egen produkt. White-label är inbyggt: din logotyp, primärfärg och domän är integrerad i varje kundarbetsyta, med minimal Elevale-varumärkesprofilering i kundupplevelsen. Du står i centrum; vi driver plattformen bakom kulisserna.

Vad white-label ger dig

Återförsäljarprogrammet är byggt för din kundrelation och din utgångspunkt på marknaden, inte för att marknadsföra Elevale som det ledande varumärket.

  • Presentera plattformen under din identitet i alla klientinloggningar, e-postadresser och arbetsytor.
  • Ange dina egna priser för Foundation-, Business- och Professional-planerna.
  • Marknadsför och sälj som er metod: strategi, OKR:er, KPI:er och rapportering i ett varumärkessystem.
  • Välj vilka moduler klienter får och om de arbetar med ditt team eller den inbyggda AI-rådgivaren.

Du kan

  • Använd din logotyp, primära varumärkesfärg och anpassade domän (till exempel strategy.yourbrand.com) på alla klientarbetsytor.
  • Sätt kundvänliga priser och behåll marginalen på platser och påfyllningar av AI-plånböcker, inom ramen för ert partneravtal.
  • Beskriv erbjudandet som din produkt och tjänst på din webbplats, i dina förslag och i ditt säljmaterial riktat till potentiella och befintliga kunder.
  • Kör separata arbetsytor per klient med isolerad data, behörigheter och fakturering under ert varumärke.
  • Slå på eller av plattformsmoduler för ditt erbjudande (OKRs, dashboards, wiki, processkarta, AI med mera) från partnerdashboarden.
  • Tilldela en mänsklig rådgivare från ditt team eller aktivera den strategiska AI-rådgivaren per arbetsyta, fortfarande inom din varumärkesupplevelse.

Du kan inte

  • Påstå att produkten inte stöder funktioner, säkerhet, efterlevnad eller resultat, eller föreslå att Elevale stöder påståenden som vi inte har godkänt.
  • Modifiera appen utöver de white-label-inställningar som stöds (inga anpassade forks, reverse engineering eller borttagning av obligatoriska juridiska meddelanden i partnerkonsolen).
  • Använd Otto-grafik i externa kundkampanjer utan varumärkesgodkännande. AI i produkten konfigureras via plattformen; marknadsföringsvideor följer Otto-reglerna.
  • Missbruka din egen logotyp eller dina färger på sätt som bryter mot ert avtal (oläslig kontrast, förvrängda märken eller att utge sig för att vara en annan organisation).
  • Underlicensiera eller white-label till en annan återförsäljare utan skriftligt avtal med Elevale.

I produkten kontra hur du säljer

Kunder ser bara ditt varumärke i arbetsytan. Presentera plattformen som din produkt och metod i din marknadsföring och försäljning, under ditt namn och utseende.

Klientarbetsyta (endast ditt varumärke)
Din marknadsföring (ditt varumärke, ditt erbjudande)

White-label-återförsäljare säljer inte som en Elevale-affiliate. Sambranding med vår lockup är endast i sällsynta fall där båda namnen måste visas på en tillgång. Se Co-branding om det är tillämpligt; annars ska Elevale hållas borta från kundorienterad och marknadsinriktad kreativitet.

När man ska checka in

Du behöver inte godkännande för daglig white-label-konfiguration i partnerkonsolen. Kontakta Elevale innan externa kampanjer nämns vid namn, använd Otto eller sudda ut gränsen mellan ditt varumärke och vårt.

Återförsäljarprogram Kontakta för varumärkesfrågor

Partners

Samvarumärkesbyggande

När både Elevale och ett partnermärke visas på samma tillgång (webbplatsens hjälte, bild, evenemangsbanner), använd regler för gemensam varumärkesbyggande. Affiliates som marknadsför Elevale ensamt bör följa Affiliates. Återförsäljarens white-label är separat: Återförsäljare.

  • Minsta höjd för partnerlogotyp: 24px; bibehåll samma visuella vikt där logotyper är placerade sida vid sida.
  • Använd en vertikal avdelare eller 24px mellanrum mellan markeringarna, överlappa aldrig.
  • Ändra inte Elevale färger och lägg inte till effekter på någon av märkena.
Nedladdningar

Varumärkessats

Ladda ner logotyper, färgreferenser och mallar från vår delade varumärkesmapp.

Ladda ner varumärkespaket

Vad ingår

  • Logotypfiler (SVG, PNG): låsningar och varianter med endast logotypmärke
  • Färgreferens och typografiska teckensnitt (Coolvetica Condensed och Satoshi på Google Drive)
  • Presentations- och sociala mallar
Hänvisning

Ordlista

Korta definitioner av termer som används i dessa riktlinjer.

Inlåsning
Den kompletta logotypfilen: logotypmärke och ordmärke tillsammans. Detta är standardlogotypen Elevale. Slogan ingår inte i lockupen.
Ordmärke
Logotypen ”Elevale” i Coolvetica är sammanfattad bredvid logomärket. Den används inte ensam i externa material; para ihop den med logomärket i lockupen.
Logotypmärke
De sammankopplade rosa och lila rutorna bredvid ordmärket. Kallas även symbolen i äldre filer. Använd endast ensamt i trånga utrymmen när varumärket väl är igenkänt.
Slogan
Stödjande linje under logotypen på marknadsföringssidor, till exempel ”Strategin som aldrig dör”. Anges i brödtext eller visningstyp enligt siddesignen. Den är inte en del av den sammanhängande bilden.
Rensa utrymme
Den minsta tomma marginalen runt logotypen där ingen text, grafik eller kanter får tränga in. Den håller märket läsbart och snyggt.
x
Enheten som används för att mäta fritt utrymme: höjden på den rosa hörnmodulen på logotypens märke vid standardstorlek för låsningen (20px). Varje sida av låsningen behöver minst 1× fritt utrymme.
Fullfärgslåsning
Standardlogotypen på ljusa bakgrunder: logotyp i helfärg med mörkt ordmärke. Använd den inte på varumärkesgradienter eller flitiga fotografier utan överlägg.
Inlåsning i mörkret
För heltäckande mörka bakgrunder: logotyp i helfärg med ett vitt ordmärke. Logotypen förblir rosa och lila; endast ordmärket blir vitt.
Omvänd låsning
En helvit låsning (logotyp och ordmärke) för varumärkesgradienter och mörkt appgränssnitt. Använd detta istället för den helfärgade låsningen där gradienten eller bakgrunden skulle minska kontrasten.
Varumärkesgradient
Den typiska rosa-till-lila linjära gradienten som används på Heroes, CTA:er och premiumband. Använd inte helfärgad lockup på denna gradient. Använd omvänd lockup om en logotyp behövs.
Logotypvariant
En godkänd fil av logotypen för en specifik bakgrund eller ett specifikt användningsfall (till exempel helfärg, på mörk, omvänd eller endast logotypmärke).
Dotterbolag
En partner som introducerar Elevale med hjälp av våra officiella varumärkestillgångar och hänvisningsspårning. Affiliates ser till att Elevale syns som Elevale och följer Affiliates-sektionen (inte white-label).
White-label
Återförsäljarkonfiguration som ersätter Elevale-varumärket i klientprodukten med partnerns logotyp, primärfärg och domän. Kunderna upplever plattformen som partnerns erbjudande.
Samvarumärkesbyggande
Placera logotypen Elevale bredvid ett partnermärke på samma marknadsföringstillgång. Används för byråer och evenemang, inte för återförsäljarens dagliga arbetsytor.
Varumärkessats
Den delade nedladdningsmappen med logotyper, färgreferenser, mallar och relaterade resurser, tillgänglig från nedladdningssektionen eller Google Drive.
Skärmtyp
Coolvetica, används för rubriker och marknadsföring. Reservera den för korta, slagkraftiga rader, inte långa stycken.
Kroppstyp
Satoshi, används för UI-texter, stycken och tabeller. Den innehåller det mesta av produkt- och långformatsläsningen på webbplatsen.
Färgtoken
En namngiven varumärkesfärg med HEX-, RGB- och CSS-variabelvärden (till exempel rosa, lila, mörk). Tokens håller design och kod i linje.
Otto
Elevales utterkaraktär och strategiska rådgivare inom AI. Han representerar lösningar: klarhet, energi och glädje med syfte, inte problem, och aldrig som en maskot eller rekvisita.
Varumärkesvärden
De icke-förhandlingsbara principerna bakom Elevale: samordning, tydlighet, evidens och ledarskapsgenomförande som informerar produkt och kommunikation.
Meddelanden
Vad vi säger till marknaden: positionering, målgrupp, löfte och bevis, uttryckt konsekvent i rubriker, uppmaningar till handling och säljberättelser.
Tonfall
Så här säger vi det: tydliga, avgörande och mänskliga skrivregler för webb, produktgränssnitt och försäljning, inte samma sak som meddelanden, men byggda utifrån samma värderingar.
Hänvisning

Vanliga frågor

Snabba svar om hur man använder varumärket Elevale i marknadsförings-, produkt- och partnermaterial.

Vilken logotypvariant ska jag använda?

Använd fullfärgslåsningen på vitt eller benvitt. På heltäckande mörka bakgrunder, använd låsningen på mörk (färglogotyp, vitt ordmärke). För mörkt appgränssnitt eller områden med låg kontrast, använd omvänd låsning (helvitt). Se Varianter och Användning.

Kan jag bara använda logotypen?

Endast när utrymmet är mycket begränsat och varumärket redan är igenkänt: favikoner, kompakta appikoner eller etablerad navigering i produkten. För bilder, annonser och dokument, använd den fullständiga låsningen. Se Varianter.

Kan jag ändra färg, konturera eller förvränga logotypen?

Nej. Ändra inte färger, lägg inte till effekter, rotera eller sträck inte ut upplåsningen. Använd en godkänd fil från varumärkeskitet eller logobiblioteket istället för att redigera bilden.

Hur mycket fritt utrymme behöver jag?

Håll minst ett x fritt utrymme på varje sida, där x är höjden på den rosa hörnmodulen på logotypens märke (20px vid standardstorlek för låsning). Se Anatomi och ordlistan.

Kan jag placera logotypen på fotografier?

Ja, om kontrasten är tillräckligt stark. Lägg till ett heltäckande ljust eller mörkt överlägg bakom logotypen, eller använd omvänd låsning på ett mörkt område. Undvik livliga bakgrunder utan tillräcklig separation. Se Användning.

Var kan jag ladda ner officiella logofiler?

Använd Nedladdningar för att öppna Google Drive-varumärkespaketet (SVG- och PNG-logotyper, färgreferenser och mallar). För endast de senaste lockuperna, använd Gå till logobiblioteket i avsnittet Varianter.

När kan jag visa Elevale bredvid en partnerlogotyp?

Använd co-branding när båda varumärkena visas på samma marknadsföringstillgång (webbplats, kortlek, evenemang). Behåll samma visuella vikt, minst 24 pixlars mellanrum eller en avdelare, och ändra aldrig något av varumärkena. Se Co-branding. Återförsäljare som levererar en white-label-kundprodukt bör följa återförsäljare istället.

Vad kan återförsäljare göra med varumärket Elevale?

Återförsäljare kan white-labela kundupplevelsen (din logotyp, färg, domän) och marknadsföra plattformen som sitt eget erbjudande. Visa inte Elevale-varumärket för slutkunder. Fullständig vägledning finns i Återförsäljare eller på sidan för återförsäljarprogrammet.

Vilka regler gäller för affiliates och hänvisningspartners?

Du måste använda officiella Elevale-resurser, godkända lockups, varumärkesbaserade budskap och din spårningslänk. Du får inte ändra logotypen, white-label-kampanjer eller köra betalda kampanjer utan godkännande. Se företagets regler i Affiliates och programvillkor på Referera en vän.

Vilka typsnitt ska jag använda?

**Coolvetica Condensed** för rubriker och **Satoshi** för brödtext och användargränssnitt (vikter 400, 500, 700). Ersätt inte med liknande typsnitt. Ladda ner Coolvetica och Satoshi från Google Drive, eller se Display och Body.

Vem kontaktar jag angående varumärkesgodkännande?

För kampanjer, varor eller användningsområden som inte tas upp här, kontakta Elevale via kontaktsidan innan publicering. Inkludera mockups och avsedda kanaler så att vi kan bekräfta rätt logotypvariant och co-branding-behandling.

När kan jag använda Otto i marknadsföring?

När han representerar en lösning: tydlighet, energi, glädje och målmedveten vägledning, inte ett problem, en maskot eller en rekvisita. Läs Otto för sammanhang och godkännanderegler, kontakta sedan varumärkesteamet innan extern publicering.