Elevale Mærke

Principper, aktiver og referencer.

Brandfundamenter

Brandværdier

Disse principper former produktbeslutninger, markedsføring og hvordan vi fremstår for ledelsesteams. De er ufravigelige i ekstern kommunikation.

Tilpasning frem for aktivitet

Travle teams er ikke det samme som ligestillede teams.

Vi taler om fælles retning, sammenkædede OKR'er og fremskridt, som bestyrelsen kan se, ikke travlhed for travlhedens egen skyld.

Klarhed frem for støj

Ledere bør se, hvad der betyder noget, uden endnu en labyrint af dashboards.

Vi reducerer fragmentering: ét kommandocenter for retning, målinger og udførelse. Sproget forbliver enkelt og specifikt.

Beviser frem for mening

Beslutninger bør baseres på livedata, ikke forældede eksporter.

Vi lægger vægt på KPIs, ændringslogge og funderet AI-indsigt, beviser som ledelsen kan handle på, ikke hype eller gætværk.

Bygget til lederskab

Udførelse i virksomhedsklassen uden kompleksitet i virksomhedsklassen.

Vi respekterer direktører og operatører: stringens i bestyrelseslokalet, brugervenlighed i frontlinjen og styring uden bureaukrati.

Brandfundamenter

Beskeder

Hvad vi siger, hvem vi siger det til, og hvordan vi beviser det, ensartet på tværs af web, produkt, salg og partnermaterialer.

Elevale er den strategiske eksekveringsplatform, der forvandler retning til OKR'er, live KPI'er og teamsamsvar for forretningsdirektører, der ønsker klarhed og retning, ikke kaos.

Kategori

Strategisk eksekveringsplatform, ikke et generisk projektværktøj eller endnu et BI-dashboard. Opgaver, OKR'er og live KPI'er findes i ét system, så retning, dagligt arbejde og bevismateriale forbliver forbundet og ikke spredt på tværs af separate apps.

Målgruppe

Virksomhedsdirektører, grundlæggere og lederteams, der driver virksomheder på tværs af flere lokationer eller i vækst. De fastlægger strategi, udfører evalueringer og har brug for, at virksomheden bevæger sig som én, ikke mere software for softwarens skyld.

Løfte

Omsæt strategi til udførelse, som dit lederteam kan se og styre: levende retning, målbare målinger, live-målinger og AI, der aflæser din virksomhed, ikke det åbne internet.

Bevis

Begrundede påstande i produktvirkelighed: OKRs knyttet til opgaver, live KPIs, forretningsændringslogge, Otto forankret i arbejdsområdedata og resultater, som direktører genkender (justering, færre blinde vinkler, hurtigere gennemgange).

Beskedflow

I helte- og landingssektioner fortælles historien i tre taktslag: Start med en hook, der navngiver spændingen, vis hvordan Elevale løser den, og inviter derefter til næste trin. Dette er den narrative rækkefølge, ikke en typografisk specifikation. Overskrifts-, brødtekst- og knapstile findes i Typografi og UI-mønstre.

  1. Udfordring Én skarp krog, ikke et afsnit

    Du blev enige om planen. Spørg, hvad der er på programmet i dag, og rummet bliver stille.

  2. Opløsning Hvordan Elevale ændrer billedet

    Én kommandocentral forbinder retning, OKR'er, live KPI'er og daglige opgaver, så dit lederteam kan se fremskridt og styre uden endnu en dashboardlabyrint.

  3. Opfordring til handling Det næste skridt, du ønsker, at de skal tage

    Start din 14-dages gratis prøveperiode

Beskedsprog

  • Anvendelse: kommandocenter, strategisk udførelse, retning, tilpasning, live KPIs, beviser, lederteam
  • Undgå: alt-i-et mirakel, disrupt, revolutionerende AI, den bedste i sin klasse, synergi
Brandfundamenter

Tonefald

Sådan lyder vi, når værdier og budskaber møder teksten: selvsikre, direkte og praktiske. Skrevet til instruktører, der har brug for klarhed, ikke jargon.

Klar

Sig hvad Elevale gør, og hvorfor det er vigtigt, i et letforståeligt sprog. Korte sætninger. Konkrete substantiver. Ingen fyldord.

Afgørende

Foretræk aktiv stemme og resultater, som ledere kan forestille sig: evalueringer, der afspejler virkeligheden, mål, som teams kan være med til at tage ansvar for, og målinger, der opdateres live.

Human

Anerkend den reelle smerte: fragmenterede værktøjer, strategi i slides som ingen følger, anmeldelser bygget på sidste måneds tal. Vis derefter en troværdig vej frem.

Prøve på mærket

Forvandl strategi til udførelse, som din bestyrelse kan se

Elevale forbinder dine retninger, OKR'er og live KPI'er i ét kommandocenter, så ledelsen bruger mindre tid på at afstemme regneark og mere tid på at styre forretningen.

Ordvalg

  • Anvendelse: klarhed, udførelse, retning, tilpasning, evidens, forankret, lederskab
  • Undgå: synergi, forstyrre, revolutionerende, bedst i sin klasse, udnytte (som verbum),

Efter kanal

  • Marketingsite: overskriftsdrevet, bevisorienteret, minimale udråbstegn.
  • Produktgrænseflade: præcise etiketter, nyttige tomme tilstande, intet marketingfnugget i arbejdsgange.
  • Salg og kortspil: samme løfte som siden: udbyg med kundebevis, modsige aldrig positionering.
Brandfundamenter

Otto

Otto er en odder: Elevales strategiske rådgiver inden for AI og brandkarakter. Han er ikke en menneskelig talsperson. Han skal altid repræsentere en løsning, ikke et problem, og bringe klarhed, energi og glæde med et formål.

Odderen Otto, Elevales strategiske rådgiver inden for AI og brandkarakter

Hvad Otto repræsenterer

Klarhed, energi og glæde, aldrig en maskot, aldrig en rekvisit.

Han er ansigtet udadtil for vores AI Strategic Advisor: en odder, der får velfunderet rådgivning til at føles tilgængelig. Han er en tænkende partner, der er knyttet til din strategiske retning, OKRs, KPIs, wiki og markedskontekst. Enhver optræden bør vise vejen frem: en klarere brief, en løst blokering, momentum fra indsigt til handling, ikke rodet før Elevale.

I produktet

Otto er AI-strategisk rådgiver på platformen: stemme- og skrivechat, indlejrede referencer til live KPIs og OKRs, og hjælper med at omsætte indsigt til opdateret retning, mål og opgaver. Han er den rette rådgiver til både store og små spørgsmål: funktionel, forankret og altid knyttet til arbejdspladsdata.

Inden for branding og marketing

På hjemmesiden og i kommunikation optræder Otto, når han kan demonstrere en løsning: introducere kommandocentralen, vise, hvordan klarhed lander, eller signalere AI, der forstår forretningen. Ikke en maskot i margenen af siden. Ikke en rekvisit ved siden af tom hype. Formål først.

I kampagner

I kampagner støtter Otto strategisk klarhed, udførelse og AI baseret på virkeligt arbejde, aldrig komisk lettelse, aldrig personificeringen af problemet. Viser retning, der opstår, beslutninger, der afblokerer, eller lederskab, der får svar uden et ekstra dashboard. Kun godkendt artwork.

Kontakt teamet for godkendelse Enhver brug af Otto, uanset om det er til interne decks, eksterne annoncer, sociale medier eller partnermaterialer, kræver brandgodkendelse før offentliggørelse.

Retningslinier

Denne

  • Brug kun Otto, når han repræsenterer en løsning: klarhed, jordnære råd, energi eller momentum fra indsigt til handling.
  • Inkluder ham, når Elevale storytelling har brug for en klar vejledning til svaret: vision, bevis, AI, der kender din branche, ikke isolerede jokes.
  • Lad ham bringe klarhed, energi og glæde. Vittig, direkte og selvsikker som en Elevale stemme, aldrig sarkastisk, kaotisk eller barnlig.
  • Brug godkendt Otto-illustrationer fra brandkittet. Tegn, farvelæg eller stræk ikke figuren.
  • Involver brandteamet tidligt i kampagner, merchandise eller sociale medier, så brugen forbliver bevidst.

Ikke dette

  • Se ikke Otto som problemet: forvirring, fiasko, kaos eller elendighed "før Elevale". Han viser løsningen, ikke smerten.
  • Behandl ham ikke som en maskot. Ingen clipart-cameos, intet smil ved siden af tekster han ikke støtter, intet brandbaggrund.
  • Brug ham ikke som rekvisit. Hold ikke tomme skilte op, peg ikke på irrelevante tilbud eller fyld ikke plads ud, fordi layoutet føles tomt.
  • Brug ham ikke som fyld, tapet eller emoji-lignende dekoration uden et budskab.
  • Sæt ham ikke i tekniske dokumenter, juridiske sider eller kontekster, der modsiger positionering på lederniveau.
  • Opret ikke nye poseringer, kostumer eller beskeder uden godkendelse, heller ikke til interne slides.
  • Du må ikke ændre hans udseende, proportioner eller parring med ikke-godkendte logoer eller partnermærker.
Logo

**Låsningen** er standardlogoet Elevale: **logomærke** plus **ordmærke** i én fil. **Sloganen** er separat marketingtekst. Vi bruger den ofte på webstedet, men den er ikke en del af lockup-illustrationerne.

Dele af logoet

Brug disse navne konsekvent i briefs, dæk og brandkittet. Når vi siger Elevale logo, mener vi selve lockup'en, medmindre vi eksplicit beder om logomærket alene.

Dele af logoet
Elevale lockup: logo mark and wordmark
Logomærke
De sammenlåsende lyserøde og lilla firkanter til venstre.
Ordmærke
Navnet Elevale i Coolvetica forkortet til højre.
Låstning
Logomærke og ordmærke sammen. Dette er standardlogofilen.

Slogan

Strategien der aldrig dør

Typisk placering på en helt

Vises ofte over hovedoverskriften. Undgå den i eksporterede logofiler, medmindre brandet godkender en brugerdefineret låsning.

Hvad logomærket betyder

Logomærket er to firkanter, forskudt og sammenflettet. De læses som separate moduler, der valgte at mødes: hvor der var et hul mellem strategi og udførelse, mellem hvad ledelsen sagde, og hvad virksomheden kunne vise, er der nu et bevidst præg. Ikke en sløring. Ikke en overtagelse. En forbindelse, man kan se.

Overlapningen er punktet. Den fælles kant er der, hvor Elevale befinder sig.

Fra afkobling til fælles indsats

Regneark i det ene hjørne, OKRs i et andet, anmeldelser bygget på sidste måneds eksport. Logomærket er det modsatte af den afvigelse: to planer, der glider ind i registeret, så virksomheden holder op med at modsige sig selv offentligt.

Sømmen er kommandocentret

Det fælles hjørne er ikke dekoration. Det er knudepunktet, hvor briefing, metrikker og teamhandling skal mødes. Elevale er produktet i den overlapning: én overflade til retning, måling og opfølgning.

Låst sammen, stadig i bevægelse

Forskydningen antyder fremadrettet bevægelse uden kollision. Strategi knuser ikke operationer; data begraver ikke mennesker. Kvadraterne bevæger sig fremad sammen, ligesom prioriteter, der til sidst trækker i samme retning.

Højde ved samlingen

Elevale tager sit løft fra det knudepunkt. Tilpasning er ikke en plakat på en væg; det er øjeblikket, hvor organisationen hæver sig over støj, fordi intention og bevis deler den samme kant. Logomærket er lille. Ideen er det ikke.

Lyserød og lilla i logomærket

Pink og lilla har hver især en rolle i målet. Pink er varm: retning, momentum og presset til at beslutte. Lilla er cool: beviser, struktur og beviser, du kan styre efter. Hold dem på deres egen firkant; de deler kun grænsen, hvor intention møder bevis. HEX-, RGB- og UI-regler er i kernefarver.

  • Lyserød

    Retning og momentum

    #E20F7A --pink

    En varm magenta med klar energi. I målet vender den fremad: øjet når den først, på samme måde som lederskab skal navngive det, der betyder noget bagefter.

    Represents Intention før bevis: hvor virksomheden er på vej hen, hvad der prioriteres, og energien til at bevæge sig.

    I logomærket er det lyserødt, der fører an. I produktets brugergrænseflade er det handlingslaget: primære knapper, prioritetstilstande og øjeblikke, der kræver en klar beslutning.

  • Lilla

    Beviser og struktur

    #5270F5 --purple

    En rolig blåviolet med dybde. Den trækker sig lidt tilbage fra den lyserøde varme og bærer metrik, struktur og bevis i en stabil og troværdig tone.

    Represents Hvad virksomheden kan vise: live KPI'er, forbundet arbejde, struktur og styringsbaserede data, som ledelsen kan stole på.

    I logoet fuldender lilla det, som lyserød starter. I produktets brugergrænseflade bærer den vægt på målinger, navigation og overflader, hvor klarhed er vigtigere end dekoration.

Størrelse og afstand

Hold en fri afstand svarende til højden af det lyserøde hjørnemodul på logomærket (20px ved standard lockup-størrelse) på alle sider af lockup'en.

x = højden på det lyserøde hjørnemodul på logomærket (20px ved standard låsestørrelse). Sørg for mindst én x plads på alle fire sider af låsen.

Minimum fri plads
Logo

Download godkendte lockups og filer kun med logomærker. Brug lockup'en til markedsføring; brug kun logomærket alene, hvor pladsen er trang, og brandet allerede er genkendt.

Låsepladser

Kun logomærke

For favicons, appikoner, avatarer og kompakt brugergrænseflade. App-tile-filer inkluderer den farvede baggrund; må ikke beskæres eller farvelægges om.

Logo

Brug

Brug fuldfarvet låsning på lyse baggrunde og låsning på mørke til ensfarvede, mørke baggrunde. På fotografering eller travle overflader kan du tilføje et ensfarvet overlay eller skifte til omvendt låsning, så mærket forbliver læseligt.

Godkendte baggrunde

Lys
Mørk

Ting at undgå

Må ikke strækkes eller forvrænges

Tilføj ikke konturer

Drej ikke låsen

Placer ikke på travle baggrunde uden kontrast

Hold pladsen fri

Farve

Kernefarver

Pink og lilla fungerer som et par, ikke som erstatninger. Pink trækker øjet mod retning og handling; lilla rummer den operationelle sandhed under overfladen. Neutrale farver klarer det tunge arbejde i produktets brugergrænseflade og langformatlæsning.

Hvordan de arbejder sammen

Brug pink, når du ønsker momentum eller en primær handling. Brug lilla, når du viser struktur, metrikker eller tillid gennem data. Den pink-til-lilla gradient er kun for helte og premium-bands. Se Gradienter.

Mærke lyserød

Mærkets lyserøde farve. Retning, handlingsfremmende opfordringer og den indledende firkant i logomærket. Skift ikke farvetone eller mætning.

#E20F7A rgb(226 15 122) --pink

Mærke lilla

Lilla mærke. Beviser, produkt-UI-struktur og den efterfølgende firkant i logomærket. Farvetone eller mætning må ikke ændres.

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

Lyserødt lys

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

Lilla lys

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

Mørk

#111318 rgb(17 19 24) --dark

Sort

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

Hvid

#FFFFFF rgb(255 255 255) --white

Off-white

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

Farve

Gradienter

Gradienter blander lyserødt med lilla: den samme historie som logomærket, lavet kontinuerligt. Brug dem sparsomt på heroes, CTA'er og premium marketingbånd, aldrig bag brødteksten.

Mørk brandgradient

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

Lyserød til lilla

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

Skærm: Coolvetica kondenseret

Download Coolvetica

Overskrifter, hovedtitler og sektionsetiketter. Brug store og små bogstaver i markedsføring; undgå store bogstaver undtagen korte etiketter.

Strategisk udførelse, tydeliggjort

Typografi

Krop: Satoshi

Download Satoshi

Brødtekst, brugergrænsefladeetiketter og supplerende tekst. Vægte 400, 500 og 700 er godkendt.

Én platform til retning, KPIs, OKRs og holdsammenhæng.

Billedsprog

Fotografi

Fotografi fungerer side om side med produkt-UI, diagrammer og marketinggrafik. Vi bruger det i kampagnehelte, UI-mockups, arbejdsplads- og teamøjeblikke og små avatarer på app-skærme (tidslinjer, organisationsdiagrammer, tildelte chips). Hvert billede skal understøtte strategi og udførelse med tydelig tekst, brandfarve og kontekst.

Hvor fotografiet dukker op

Produktionsfotografering spænder over **kampagnebilleder**, **UI-mockups**, **arbejdspladsbilleder**, **teamportrætter** og **UI-avatarer**. Hver type har sine egne størrelses- og sourcingregler i kortene nedenfor, plus en kort liste over, hvad der ikke skal sendes.

Kampagne og lancering af kreativitet

Sæt en person eller en godkendt brandkarakter sammen med en komponeret scene: gradient- eller farvebånd, overskrift og produktgrænseflade foran. Varme og troværdighed kommer fra den menneskelige side; bevis kommer fra brugerfladen. Udskæringer kan strække sig over båndet, når læsbarheden forbliver stærk.

UI-mockups og produktscener

Byg stiliseret UI-grafik og komponerede scener, ikke billeder af navngiven hardware (ingen iPhone-, MacBook- eller andre mærkevare-enhedsrammer). Brug neutrale skærmformer, lagdelte kort eller abstrakte rammer, så visuelle elementer ikke forældes, når produkter opdateres. Kombiner fotografering med brugergrænsefladen, når det hjælper historien; sørg for, at tekst og kort er læsbare. Kilde i fuld opløsning; stræk ikke beskæringer i lav opløsning.

Arbejdsplads- og kontorfotografering

Vis rigtige kontorer, værksteder og arbejdsøjeblikke for sider, kulturgrupper, karrierer og redaktionelle blokke. Foretræk naturligt lys, autentiske rum og mangfoldige teams frem for generiske standardkontorer. Tilføj et solidt eller gradueret overlay, når teksten ligger på billedet.

Team- og lederportrætter

Brug imødekommende portrætter og små grupper til lederskab, social bevisførelse og partnerindhold. Hold garderoben neutral eller brand-on-brand. Komponer med produktets brugergrænseflade eller overskrifter, når optagelsen understøtter en kampagne, ikke som et usammenhængende portrætbaggrund.

Avatarer i produktets brugergrænseflade

Beskårne portrætter i avatarstørrelse (ca. 24-40px) i tidslinjer, organisationsdiagrammer, tildelte chips og rækker med social sikkerhed. Brug kun godkendte avatarbeskæringer fra brandkittet i denne størrelse. Opskaler aldrig avatarfiler for helte eller kampagnebands.

Må ikke anvendes

Tilfældige gitre af portrætter, håndtryksbilleder, fuld udskæring af fotohelte uden produkt- eller budskabskontekst eller mock-ups låst til genkendelige forbrugerenheder. Fotografier bør forklare platformen, vise rigtigt arbejde eller forstærke overskriften. Hvis ingen af delene gør det, så vælg i stedet grafik eller brugergrænseflade.

Kampagnelignende komposition

Lancerings- og kampagnelayouts kombinerer en rigtig person eller brandkarakter med et produkt-UI-kort på en fed brandbaggrund. Overskriften bærer løftet, UI-kortet bærer beviset, og fotografierne kan hænge ud over den øverste kant, når fødderne forbliver forankret i bunden af båndet.

Eksempel på komposition. Brug licenserede fotografier i høj opløsning eller godkendte brandudklip i fuld kampagnestørrelse.

Avatarbibliotek (UI-visningsstørrelse)

Godkendte beskæringer kun til mock-ups og produktgrænseflade. Vis i størrelsen nedenfor. Til kampagner, arbejdspladser eller teambands skal der anvendes separate fotografier i fuld opløsning.

Direktør
Direktør
Operationsleder
Operationsleder
Finansleder
Finansleder
Strategileder
Strategileder

Filkvalitet og levering

Kampagne-, mockup-, arbejdsplads- og teamfotografering skal være mindst 1200 pixels lang før eksport. Lever WebP eller AVIF til web. Avatar-kitfiler forbliver i deres oprindelige lille størrelse. Anmod om brandgennemgang, når du blander fotografering med partnerlogoer eller co-branding.

Billedsprog

Marketinggrafik

På tværs af hjemmesiden, featuresider og kampagner bruger vi brugergrænsefladelignende kort, bløde overlays og afdæmpede brandfarver. Målet er dybde og klarhed, ikke dekoration for dekorationens skyld.

Tilbageholdenhed over støj

Én primær visuel figur pr. helt eller sektion er nok. Lad tekst, afstand og en enkelt stablet kortgruppe bære historien. Hvis alt råber, lander ingenting.

Farve med struktur

Neutrale farver (hvid, off-white, mørk tekst) holder layoutet. Pink og lilla vises som accenter: øverste kanter på kort, diagramlinjer, badges og gradientbånd på mørke sektioner. Udfyld ikke store områder med fulde brandgradienter bag en tæt brugergrænseflade.

Dybde gennem lagdeling

Brug to eller op til tre overlappende kort med forskudt position, lys rotation og blød skygge. To kort er nok, når historien er enkel; tilføj kun et tredje, når det tilføjer kontekst. Forkortet bærer budskabet; bagkortene antyder understøttende detaljer.

Overlays og paneler

Placer grafik i prøvepaneler eller på rolige baggrunde. På fotografier eller mørke bånd skal du tilføje et solidt eller gradueret overlay, så tekst og kort forbliver læselige. Kortene sidder oven på baggrunden; de konkurrerer ikke med den.

Anbefalet

Eksempel med op til tre kort: Hvert lag har en titel og et UI-signal. Forkortet har overskriften; bagkortene forbliver lysere, men stadig læsbare. Brug to, når det er nok.

Undgå

Flade gitre med høje gradienter, konkurrerende former og blokke med samme vægt. Læses som rod og svækker produkthistorien.

Usage rules

  • Brug to eller tre kort i en heltestak, aldrig mere end tre. Stop ved to, når et tredje lag ikke ville tilføje kontekst.
  • Hold kortets indre for det meste neutralt. Brug pink eller lilla til én accent pr. kort (kantbjælke, prik, gnistlinje eller badge).
  • Reserver fulde lyserøde-til-lilla gradienter til helte, handlingsfremmende opfordringer og mørke bånd. Se Gradienter og Kernefarver.
  • Brug rigtige produkt-UI-mønstre til funktioner og grafik på hjemmesiden, hvor det er muligt. Se Produkt-UI.
  • Animér indtastning med kort, forskudt bevægelse (fade og let løft), ikke konstant bevægelse. Se Bevægelse.
  • Når Otto eller fotografi vises ved siden af kort, skal grafikken have plads til at ånde. Undgå at overfylde stakken.
Billedsprog

Produktgrænseflade

Download mærkekit

Start med rigtige Elevale appskærme og brugergrænseflademønstre i skærmbilleder og marketinggrafik. Du kan forenkle, beskære eller fjerne sekundære kontroller, når det gør værdien tydeligere. Bevar roen ved neutrale farver, Satoshi til brugergrænsefladetekst og kun pink eller lilla, hvor produktet rent faktisk fremhæver tilstand, diagrammer og handlinger.

Ægte brugergrænseflade, forenklet til historien

Byg ud fra autentiske Elevale layouts, typer og komponenter. Til markedsføring er det fint at minimere brugerfladen: fjern sidepaneler, trim navigation eller skjul funktioner, der ikke understøtter budskabet. Målet er at forklare, hvad der er vigtigt, ikke at vise alle kontroller på skærmen. Indsæt ikke brugergrænsefladen i tilfældige browservinduer, og omfarve ikke en generisk dashboardskabelon for at se brand-baseret ud.

Farv hvor produktet bruger det

Baggrundene forbliver hvide eller off-white. Lyserød og lilla vises på aktive navigationselementer, status, diagramserier, badges og primære knapper i appen. Oversvømme ikke skærmbilledet med gradienter, der ikke findes i den aktive brugergrænseflade.

Fokuser på én opgave, der skal udføres

Stram rammerne for den arbejdsgang, du forklarer: retning, OKRs, KPIs eller dashboards. Fjern tom plads, uafhængige moduler og UI-støj, så seeren ser ét klart resultat, ikke hele produktet på én gang.

Match mediet

Fuldstændige skærmbilleder i dokumentarstil hører hjemme i casestudier, dokumentarer og salgspakker. For hjemmesidehelte bør du foretrække forenklede beskæringer eller lagdelt kortgrafik i marketinggrafik, når du har brug for dybde uden at vise hele appen.

Optag og eksporter

  • Optag fra staging eller produktion med ægte tekst og etiketter. Forenkl eller beskær brugergrænsefladen, når det tydeliggør værdien; tilføj ikke falske moduler. Slør eller anonymiser kundenavne om nødvendigt.
  • Stræk, skævhed eller afrund ikke hjørner på en anden måde end produktet.
  • Behold lyserøde og lilla accenter i samme rolle som appen (navigation, diagrammer, handlingsfremmende handlinger). Se Kernefarver.
  • For marketinghelte uden et fuldt skærmbillede, brug stablede brugergrænsefladekort pr. Marketinggrafik.
  • Eksporter med 2× opløsning for skarpe dias og web; foretræk PNG eller WebP med sRGB-farve.
  • De seneste godkendte optagelser findes i brandkittet på Google Drev. Anmod om adgang før ekstern publicering, hvis du er usikker.
UI-mønstre

UI-mønstre

Produkt- og marketingbrugergrænsefladen deler radier, skygger og knapbehandlinger fra designsystemet.

Brug én primær handling pr. visning. På lyse marketingflader, par den med en sekundær tekst eller en kontureret pille. Reserver kun skyggeknapper til mørke baggrunde.

Primær handlingsfremmende opfordring
Heltepar (primær + tekst sekundær)
Skitseret sekundær (lyse overflader)
Spøgelse (kun mørke overflader)
Mellem radius (12px)
Kortskygge
Ikonografi

Ikonografi

Elevale bruger Lucide konturikoner på tværs af marketingsider, funktionssektioner og UI-mockups. Én familie, én stregtykkelse og en lille størrelsesskala gør navigation og kort nemme at scanne.

Principper

Kun Lucide

Brug ikoner fra Lucide-sættet (via vores hjemmesideregister). Bland ikke Feather-, Font Awesome-, emoji- eller specialdesignede illustrationsikoner på samme overflade.

Konturvægt

Linjeikoner med 1,5-2px streg på et 24px lærred. Brug ikke tykke streger (<1,5px) eller kraftige streger (>2px), og bland aldrig udfyldte glyffer med kontur-Lucide på ét panel.

Monokrom farve

På en lys brugergrænseflade skal du bruge mærket pink eller lilla eller en neutral mellemgrå farve til sekundære affordances. På gradienter og mørke bånd vendes ikonerne om til hvid.

Betydning først

Vælg ikoner, der forstærker etiketten (mål for mål, diagram for KPIs, brugere for teams). Hvis ikonet ikke tydeliggør linjen, så drop det i stedet for at dekorere.

Størrelsesskala

Hold dig til 16, 20 og 24 pixels. Markedsføringskort må gerne bruge 28 pixels for at fremhæve det; opfind ikke engangsstørrelser.

16px Inline meta, tætte tabeller, chips
20px Sekundære knapper, kompakt navigation, listerækker
24px Standardbrugergrænseflade, funktionskort, primære navigationsikoner

Farve på overflader

Let brugergrænseflade Lyserød eller lilla på hvide/off-white kort
Brandgradient Hvidt ikon på lyserøde-lilla bånd
Sekundær Mellemgrå til understøttende linjer, ikke primære handlingsfremmende foranstaltninger

Hvor ikoner vises

  • Navigation Par alle primære navigationsikoner med en synlig tekstetiket. Samme størrelse og farve for alle elementer i gruppen.
  • Markedsføringskort Et ikon pr. kortoverskrift (smertepunkter, fordele, søjler). Standardmønsteret på elevale.com er lyserød accent på hvide kort.
  • Produkt og mocks Sidebjælker, faner og statusrækker i funktionsmodeller bruger ikoner på 20-24 pixels med etiketter eller tilstødende tekst. Statusikoner kan bruge grønt for succes, aldrig regnbue.
  • Dekorativ brug Undgå ikonbaggrund. Hvis et ikon udelukkende er dekorativt og ikke refereres til i teksten, skal du fjerne det.

Ikonbibliotek

Alle Lucide-navne, der er registreret på marketingsiden. Søg, og kopier derefter navnet til designoverdragelse, eller hent færdige kodestykker til Astro- og Webflow-blokke.

67 ikoner i registreringsdatabasen

Forhåndsvisningsfarve (alle 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, en farve, dimensioneret til skalaen, mærk den ved navigation.

Undgå

Blandede familier, udfyldte glyffer, regnbuefarver eller ikoner uden understøttende etiket på den primære navigation.

Gør

  • Behold én konturstil pr. overflade (kun ikoner for Lucide-linjer).
  • Par ikoner med tekst på navigation, primære knapper og funktionskort.
  • Brug mærkerosa, lilla, hvid med graduering eller neutral grå, ikke vilkårlige nuancer.
  • Brug 16, 20 eller 24px (28px kun til stor markedsføringsfokus).
  • Registrer nye Astro-ikoner i Lucide-registreringsdatabasen før brug; hjemmesidens Webflow-blokke bruger matchende data-lucide-navne.

Må ikke

  • Bland ikke udfyldte ikonsæt, solide badges eller emoji med Lucide-konturer.
  • Tildel ikke en forskellig farve pr. ikon i den samme række eller på samme kortgitter.
  • Brug ikke ikoner alene i den primære navigation eller i kritiske handlingsfremmende opfordringer uden en etiket.
  • Gentag ikke det samme ikon tre gange i ét visningsområde til dekoration.
  • Tegn ikke Lucide-stier om, tilføj ikke skyggeeffekter, og skævvrid ikke ikoner for at efterligne 3D.

Brugsregler

  • Hold ikonerne monokrome på en lys brugerflade; brug hvid på brandgradienter og mørke appbaggrunde.
  • Par ikoner med etiketter til primær navigation og primære opfordringer til handling.
  • Bland ikke udfyldte og konturerede sæt på den samme overflade.
  • Juster ikonstørrelsen i forhold til teksten: 16px med billedtekster, 20-24px med brødtekst og overskrifter.
  • Brug aria-hidden="true" på dekorative ikoner; den tilstødende tekst bærer betydning.
  • Marketingkort med smerte og fordele: ét ikon i overskriften, lyserødt på hvidt, se afstanden mellem Marketinggrafik.
  • Produkt-UI-mønstre for knapper og kort findes i UI-mønstre; ikoner følger samme radius og tæthed.
  • Anmod om brandgennemgang før ikondrevne partnerkampagner eller brugerdefinerede piktogrammer uden for Lucide.
Bevægelse

Bevægelse

Elevale bruger bevægelse på tværs af marketingsite og produkt: ambient hero movement, scroll afsløringer, svævende tilstande, forskudte kort og GIF'er, der tilføjer varme og humor. Bevægelse bør lede opmærksomheden og forstærke klarhed, aldrig konkurrere med budskabet.

Principper

Målbevidst

Hver animation besvarer et spørgsmål: hvad ændrede sig, hvad der er vigtigt nu, eller hvad der lykkedes. Hvis bevægelse ikke hjælper nogen med at scanne, forstå eller fejre, skal den fjernes.

Behersket

Én fokusbevægelse pr. visningsport. Undgå looping af kaos, parallax for parallaksens skyld eller flere elementer, der hopper på én gang. Marketinggrafik bruger allerede dybde; bevægelse bør ikke overbelaste stakken.

Konsekvent timing

Brug ease-out til indgange og ease-in-out til skifteknapper. De fleste overgange i brugergrænsefladen ligger mellem 200 ms og 400 ms; hero-ambienten kan vare længere, men forbliver diskret.

Respekter reduceret bevægelse

Indpak dekorative loops og drift i prefers-reduced-motion: no-preference. Ændringer i kernetilstanden (åbne menuer, fokus) kan stadig animeres let eller blive vist øjeblikkeligt, når brugerne anmoder om reduceret bevægelse.

Hvor bevægelse opstår

Disse mønstre vises på tværs af elevale.com og fremhævede sider. Match dem, når du udvider webstedet eller partnermaterialet.

  • Helt og tilstedeværelse Blød baggrundskugledrift, gradientglød og overskriftsfremhævelse på hjemmesiden og nøglelandere. Langsomme loops med lav amplitude, der føles levende uden at fjerne fokus fra opfordringen til handling.
  • Navigation og app-shell Navigationsbaggrund, linkfarve og overgange til mobilskuffe (~200-300 ms). Rullemenuer falmer og glider; knapper løftes en smule, når man holder musen over dem, med en kort transformation.
  • Kort og stakke Forskudt fade-and-lift på marketingkortstabler og featuregitre. Korte forsinkelser mellem søskende (ca. 40-80 ms), så indholdet læses fra top til bund, ikke alt på én gang.
  • Rul og afslør Sektioner indtastes, når de indtastes i visningsporten: opacitet og translateY, ikke vandrette slides. Knyt afsløringer til læserækkefølgen; udløs ikke igen ved hver lille scroll-nudge.
  • Produkt og mocks Funktionsside-UI-mockups bruger subtile tilstandsændringer, fanebladskift og legende GIF-reaktioner i chat- eller opgavetråde. Når Otto er i stemmetilstand, signalerer <a href="#motion-voice-orb">AI-stemmekuglen</a> lytning og tænkning. Se dette afsnit for formål og animation.

Timingreference

Mikro 150–200 ms Hold musen over, fokusringe, ikon-nudges
Standard 200–400 ms Knapper, paneler, navigation, kortmarkering
Vægt 400–600 ms Modaler, store foldninger (brug sparsomt)
Omgivende Sammenhængende AI-stemmekugle, glød og åndedræt (lyddrevet i appen)

AI-stemmekugle

En blød, lysende kugle i Elevale-appen, når man taler med Otto via stemmen. Den viser, at sessionen er live, og reagerer på lyd, mens transskriptionstekst og Ottos svar bærer den faktiske besked.

Oversigt

I produktet tegnes kuglen live på skærmen (ikke en videofil eller et statisk billede). Det er det primære visuelle element i stemmetilstanden: rolig når den er inaktiv, mere aktiv når nogen taler, og varmere når Otto taler. Det er ikke et logo, et diagram eller en spektrumanalysator med søjler.

Hvor det fremgår

Den samme orb-komponent bruges i to layouts, drevet af den samme stemmesession:

  • Fuldskærmsstemme

    Stor kugle (ca. 320 pixels) centreret på stemmeskærmen. Hvis du trykker på kuglen, kan du afbryde Otto, mens han taler.

  • Flydende widget

    Lille kugle (ca. 92 pixels) i den minimerede stemmechip. Tryk vender tilbage til chatvisningen; knapperne for at slå lyd fra og afslutte sidder over kuglen.

Hvad den reagerer på

Bevægelsen følger den rigtige lyd fra sessionen, ikke tilfældig animation:

  • Din stemme Kuglen lyser op og bevæger sig med mikrofonen, mens du taler (medmindre den er slået fra).
  • Otto taler Når Otto afspiller et stemmesvar, reagerer kuglen også på den lyd med en blid ekstra puls, så det er tydeligt, at assistenten taler.
  • Stille øjeblikke Under en aktiv session trækker kuglen stadig vejret blødt, så brugergrænsefladen føles levende, selv i stilhed. Den forsvinder ikke mellem ordene.
  • Mikrofon slået fra Mikrofoninput ignoreres. Paletten skifter til køligere skiferfarvede toner, krusninger og partikler stopper, og et dæmpet ikon vises på kuglen.
  • Sessionen sluttede Stemmetilstanden lukker eller vender tilbage til chat. Kuglen holder op med at reagere og bør ikke fortsætte med at pulsere, som om et opkald stadig var åbent.

Generel struktur

Tænk på kuglen som et lag af blødt lys, ikke en hård 3D-kugle eller en bølgeform:

  • Ydre glød En bred, pastelfarvet glorie omkring kuglen. Mærkepink og lavendel, når den er aktiv; dæmpet skifer, når mikrofonen er slukket.
  • Ripple ringe Et par bløde ringe, der udvider sig udad. De antyder energi, ikke individuelle frekvenser.
  • Hovedkugle Et diffust center uden skarp iris eller pupil. Størrelsen ånder let med bas og generel energi.
  • Indre skyer Bløde farvelober, der driver inde i kuglen, mens mellem- og dybe toner stiger og falder.
  • Partikler Mange små partikler kredser om midten, hurtigere når samtalen er energisk. De er dekorative, ikke datapunkter.

Feature-sider på elevale.com bruger en forenklet CSS-version af dette look til statiske mockups. Live-appens orb er mere omfattende og knyttet til en rigtig mikrofon og afspilningslyd.

Mærkereferenceeksemplar

Farve

Pastelrosa og lavendelfarver blandes fra brandets primære farver mod hvid. Ingen regnbuefarvede forskydninger, flade udfyldninger eller skarpe kanter. Dæmpet tilstand bruger kun neutrale skiferfarver.

UX og tilgængelighed

  • Par altid med tekst Live-transkription, sessionsetiketter og Ottos skriftlige svar ligger ved siden af kuglen. Stol aldrig udelukkende på animationen.
  • Skærmlæsere Tegningen er skjult for hjælpemidler. Forældreskærme viser status (f.eks. assistent taler, mikrofon slået fra).
  • Reduceret bevægelse Når brugerne foretrækker mindre bevægelse, aftager og udjævnes bevægelsen. Kuglen kan forblive som en rolig statisk glød i stedet for at danse.

Regler

  • Brug kun i Otto-stemmechat (fuldskærm eller flydende). Ikke til marketinghelte, generiske indlæsere eller fejltoasts.
  • Kuglen må ikke laves om til et søjlediagram, et logo eller et maskotklistermærke. Der må ikke være tal eller etiketter indeni kuglen.
  • Hold fuldskærms- og flydende størrelser ensartede (ca. 320px og 92px). Opfind ikke nye kuglestørrelser uden en gennemgang af produktdesignet.
  • Dæmpet tilstand skal være tydelig: køligere farve, ingen partikler, indikator for mikrofon slukket, med tekst der angiver at mikrofonen er slået fra.
  • Marketingtricks kan forenkle appen; lov ikke ekstra effekter i annoncer, som appen ikke leverer.

Karakter og tone for Otto live in Otto.

UI-bevægelseseksempel

Hold musen over kortet og knappen for at se typisk lempelse og varighed.

GIF-brug

GIF'er er, hvordan Elevale føles som rigtige mennesker, ikke en virksomhedsbrochure: fejringer i produkt, reaktioner i chat og lejlighedsvise fjollede loops i marketing. Brug dem, når øjeblikket fortjener varme eller et grin, stadig venlige og on-brand, men aldrig stive for at se 'seriøse' ud.

Gode øjeblikke til GIF'er

  • Fejring af sejre: OKR fremskridt, fuldførte opgaver, holdmilepæle eller helte, der har brug for et menneskeligt high-five.
  • Reaktioner i produktets brugergrænseflade: chat, kommentarer eller rådgivertråde, hvor en kort løkke tilføjer humor eller opmuntring.
  • Marketingsektioner, der viser reelle resultater (klarhed, momentum, lettelse), med personlighed i historien, ikke endnu et generisk aktiesmil.

Godkendte GIF'er til fejring og reaktioner følger med webstedets aktiver og brandkit. Anmod om tilføjelser gennem brandteamet. Vi er åbne for legende loops, der stadig føles umiskendeligt Elevale.

On-brand

Godkendt biblioteks-GIF, legende eller festlig tone, understøtter budskabet, rimelig filstørrelse.

Ikke tilladt

Kontroversiel, politisk, stødende eller urelateret memekultur. Ingen chok, blod og agn.

Gør

  • Vælg GIF'er, der føles positive, lidt jokede og menneskelige, som holdkammerater, der fejrer, ikke et slideshow i et bestyrelseslokale. Sjov er velkommen, når øjeblikket passer; undgå kedelig, stiv eller anstrengt 'professionel virksomheds' energi.
  • Placer GIF'er, hvor folk allerede er i en god situation (fest, opmuntring, afslutning), ikke som tilfældigt fyld.
  • Brug filer fra brandkittet eller det godkendte webstedsbibliotek. Undlad at oprette hotlinks til ukendte URL'er.
  • Behandl dekorative GIF'er som billeder: tom alt, når det er rent dekorativt; beskriv det øjeblik, hvor det bærer betydning.
  • Foretræk optimerede loops, lav indlæsning under folden, og undgå flere store GIF'er i ét viewport.

Må ikke

  • Intet kontroversielt, splittende eller viralt stuntinhold, selvom det er trending.
  • Ingen fornærmelser, stereotyper, vold, blod og blod, seksuelt indhold eller ydmygelse på nogens bekostning.
  • Ingen politiske kampagner, protestbilleder eller partiske budskaber.
  • Ingen blink, blitz eller hurtige løkker, der forringer læsbarheden eller udløser følsomhed.
  • Ingen nye GIF'er i betalte kampagner, partneraktiver eller e-mails uden brandgodkendelse.
Partnere

Som affiliate eller henvisningspartner introducerer du Elevale til dit publikum ved hjælp af vores officielle navn og udseende. Sørg for, at Elevale er genkendelig som Elevale (ikke et white-label tilbud fra dig selv). Brug godkendte aktiver fra denne hub, og få skriftlig brandgodkendelse før betalte eller synlige kampagner.

Ikke-forhandlingsbart

I modsætning til forhandlere bruger affilierede ikke white labels. Hvis du har brug for at sælge under dit eget brand, skal du læse Forhandlere. Hvis du kun deler Elevale med dit netværk, gælder dette afsnit.

Du skal

  • Brug kun logo-, farve- og skabelonfiler fra brandkittet eller logobiblioteket. Genskab ikke mærket.
  • Brug en godkendt fuld låsning på alle elementer. Match baggrunden: fuld farve på lyse overflader, låsning på mørke eller omvendt på travle overflader. Se Logobrug og fri plads.
  • Hold dig inden for Beskeder, Tone of voice og Brandværdier. Ingen hype, garantier eller påstande om funktioner, som vi ikke har offentliggjort.
  • Send trafik gennem dit tildelte Elevale henvisningslink, så tilmeldinger attributterer korrekt. Brug ikke fjernede eller omdirigerede URL'er, der omgår sporing.
  • Oplys tydeligt om dit affiliate- eller henvisningsforhold, hvor det er nødvendigt (f.eks. betalte sociale medier, e-mail-fodnoteringer og blogindlæg).
  • Indsend betalte annoncer, landingssider, webinarer og co-brandede e-mails til skriftlig brandgodkendelse, før de går live.

Du må ikke

  • Rediger, omfarve, animer, roter, omrids eller par logoet med effekter, der ikke er nævnt i disse retningslinjer.
  • Præsenter Elevale som din egen platform, fjern vores navn, eller antyd, at du har bygget eller ejer produktet.
  • Løfter om resultater, priser, integrationer eller overholdelse af regler, som vi ikke har bekræftet skriftligt.
  • Byd på Elevale brandtermer i søgeannoncer uden forudgående skriftlig godkendelse.
  • Brug Otto i annoncer, miniaturebilleder eller sociale medier uden godkendelse. Se Otto.
  • Efterligne eller misrepræsentere vores brand på en måde, der kan forvirre folk. Tal ikke, design ikke eller præsentere dig selv, som om du er Elevale, vores team eller ejeren af platformen. Antyd ikke, at vi støtter tjenester uden for henvisningsprogrammet.
  • Bestil brugerdefinerede illustrationer af logoet, flette det ind i tredjepartsskabeloner, eller brug stockbilleder, der efterligner vores logo.

Godkendte aktiver til brug

Træk ud fra brandets nav og udstyr. Brug færre elementer i stedet for at improvisere, når du er i tvivl.

  • Fuld farve, på mørke og omvendte låse (SVG/PNG). Logomærkning kun hvor pladsen er trang, og brandet allerede er kendt.
  • Lyserød, lilla, neutrale farver og gradienter præcis som defineret i Kernefarver og Gradients.
  • Overskrifter og beviser fra denne hub eller marketingsiden. Opfind ikke nye slogans.
  • Slides, sociale beskæringer og e-mail-overskrifter fra brandkittet, når de er tilgængelige. Udvid layoutet, tegn ikke logoet om.

Korrekt affiliateplacering

Elevale fremtrædende markedsføring, godkendte farver, tydelig opfordring til handling (CTA) til dit henvisningslink og ærlig afsløring.

Godkendt eksempel
Ikke tilladt

Omfarvet logo, opfundet produktnavn eller dit brand, der erstatter vores i en Elevale-kampagne.

Kundehenvisningsdeltagere skal følge dette afsnit for enhver offentlig omtale af Elevale. Programregler og provisioner findes på siden for henvisningsprogram.

Håndhævelse

Elevale kan sætte affiliate-adgang på pause eller afslutte den, tilbageholde provisioner eller kræve fjernelse af ikke-overensstemmende aktiver. Gentagen eller alvorlig misbrug kan afslutte forholdet.

Henvisningsprogram Anmod om godkendelse af brandet

Partnere

Godkendte forhandlere kører Elevale som deres eget produkt. White-label er indbygget: dit logo, din primære farve og dit domæne på tværs af alle kunders arbejdsområder, med minimal Elevale branding i kundeoplevelsen. Du forbliver i centrum; vi driver platformen bag kulisserne.

Hvad white-label giver dig

Forhandlerprogrammet er bygget til dit kunderelation og din go-to-market, ikke til at promovere Elevale som det førende brand.

  • Præsenter platformen under din identitet i alle klientlogin, e-mailadresser og arbejdsområder.
  • Indstil dine egne priser på tværs af Foundation-, Business- og Professional-abonnementerne.
  • Markedsfør og sælg som din metode: strategi, OKR'er, KPI'er og rapportering i ét brandet system.
  • Vælg hvilke moduler klienter modtager, og om de skal arbejde med dit team eller den indbyggede AI-rådgiver.

Du kan

  • Anvend dit logo, din primære brandfarve og dit brugerdefinerede domæne (f.eks. strategi.ditbrand.com) på tværs af alle klientarbejdsområder.
  • Sæt priser til klienten, og hold avancen på sæder og optankninger af AI-wallets inden for din partneraftale.
  • Beskriv tilbuddet som dit produkt og din tjeneste på din hjemmeside, i tilbud og i salgsmateriale rettet mod potentielle og eksisterende kunder.
  • Kør separate arbejdsområder pr. klient med isolerede data, tilladelser og fakturering under dit brand.
  • Slå platformmoduler til eller fra for dit tilbud (OKRs, dashboards, wiki, proceskort, AI og mere) fra partnerdashboardet.
  • Tildel en menneskelig rådgiver fra dit team, eller aktiver den strategiske AI-rådgiver pr. arbejdsområde, stadig inden for din brandede oplevelse.

Du kan ikke

  • Påstå funktioner, sikkerhed, overholdelse af regler eller resultater, som produktet ikke understøtter, eller antyde, at Elevale støtter udsagn, vi ikke har godkendt.
  • Rediger applikationen ud over understøttede white-label-indstillinger (ingen brugerdefinerede forks, reverse engineering eller fjernelse af nødvendige juridiske meddelelser i partnerkonsollen).
  • Brug Otto-illustrationer i eksterne klientkampagner uden brandgodkendelse. Produktets kunstige intelligens konfigureres via platformen; marketing-cameos følger Otto-reglerne.
  • Misbrug af dit eget logo eller dine farver på måder, der bryder din aftale (ulæselig kontrast, forvrængede mærker eller udgive dig for at være en anden organisation).
  • Underlicensere eller give white-label-produkter til en anden forhandler uden en skriftlig aftale med Elevale.

I produktet vs. hvordan du sælger

Kunder ser kun dit brand i arbejdsområdet. I din markedsføring og salg skal du præsentere platformen som dit produkt og din metode, under dit navn og udseende.

Klientarbejdsområde (kun dit brand)
Din markedsføring (dit brand, dit tilbud)

White-label forhandlere sælger ikke som en Elevale affiliate. Co-branding med vores lockup er kun i sjældne tilfælde, hvor begge navne skal vises på ét aktiv. Se Co-branding hvis det er relevant; ellers hold Elevale ude af klientvendt og go-to-market kreativitet.

Hvornår skal man tjekke ind

Du behøver ikke godkendelse til almindelig white-label-konfiguration i partnerkonsollen. Kontakt Elevale før eksterne kampagner, der nævner Elevale ved navn, bruger Otto eller udvisker grænsen mellem dit brand og vores.

Forhandlerprogram Kontakt for spørgsmål om mærket

Partnere

Co-branding

Når både Elevale og et partnermærke vises på det samme aktiv (webstedshero, slide, eventbanner), skal der anvendes co-branding-regler. Affiliates, der udelukkende promoverer Elevale, skal følge Affiliates. White-label for forhandlere er separat: Resellers.

  • Minimumhøjde for partnerlogo: 24px; bevar samme visuelle vægt, hvor logoerne er placeret side om side.
  • Brug en lodret skillelinje eller 24px afstand mellem mærkerne, overlap aldrig.
  • Du må ikke ændre Elevale farver eller tilføje effekter til nogen af mærkerne.
Downloads

Mærkesæt

Download logoer, farvereferencer og skabeloner fra vores fælles brandmappe.

Download mærkepakke

Hvad er inkluderet

  • Logofiler (SVG, PNG): låste logoer og varianter med kun logomærker
  • Farvereferencer og typografiske skrifttyper (Coolvetica Condensed og Satoshi på Google Drive)
  • Præsentations- og sociale skabeloner
Reference

Ordliste

Korte definitioner af termer, der anvendes i disse retningslinjer.

Låstning
Den komplette logofil: logomærke og ordmærke sammen. Dette er standardlogoet Elevale. Sloganen er ikke inkluderet i lockup'en.
Ordmærke
Logotypen “Elevale” i Coolvetica er forkortet ved siden af logomærket. Den bruges ikke alene i eksterne materialer; parres med logomærket i lockup'en.
Logomærke
De sammenlåsende lyserøde og lilla firkanter ved siden af ordmærket. Også kaldet symbolet i ældre filer. Bruges kun alene på steder med begrænset plads, når mærket er genkendt.
Slogan
Støttelinje under logoet på marketingsider, for eksempel "Strategien der aldrig dør". Angiv i brødtekst eller visningstype, som sidedesignet angiver. Den er ikke en del af lockup-illustrationen.
Ryd plads
Den mindste tomme margen omkring logoet, hvor tekst, grafik eller kanter ikke må trænge ind. Det holder mærket læsbart og overskueligt.
x
Enheden, der bruges til at måle fri plads: højden af det lyserøde hjørnemodul på logomærket ved standard låsestørrelse (20px). Hver side af låsepunktet skal have mindst 1× fri plads.
Fuld farve låsning
Standardlogoet på lyse baggrunde: logo i fuld farve med mørkt ordmærke. Brug det ikke på brandgradienter eller travle fotografier uden et overlay.
Låst ned i mørke
For ensfarvede, mørke baggrunde: logomærke i fuld farve med et hvidt ordmærke. Logomærket forbliver lyserødt og lilla; kun ordmærket skifter til hvidt.
Omvendt lockup
En helt hvid låsning (logomærke og ordmærke) til brandgradienter og mørk app-brugergrænseflade. Brug dette i stedet for den fulde farvelåsning, hvor gradienten eller baggrunden ville reducere kontrasten.
Brandgradient
Den signaturlyserøde til lilla lineære gradient, der bruges på heroes, CTA'er og premium-bånd. Placer ikke den fuldfarvede lockup på denne gradient. Brug den omvendte lockup, hvis et logo er påkrævet.
Logovariant
En godkendt fil af logoet til en specifik baggrund eller et specifikt anvendelsesområde (f.eks. fuld farve, på mørk baggrund, omvendt eller kun logomærke).
Tilknyttet
En partner, der introducerer Elevale ved hjælp af vores officielle brandaktiver og henvisningssporing. Affiliates holder Elevale synlig som Elevale og følger Affiliates-sektionen (ikke white-label).
White-label
Forhandlerkonfiguration, der erstatter Elevale branding i klientproduktet med partnerens logo, primærfarve og domæne. Klienter oplever platformen som partnerens tilbud.
Co-branding
Placering af Elevale-logoet ved siden af et partnermærke på det samme marketingmateriale. Bruges til bureauer og events, ikke til daglige arbejdsområder for forhandlerklienter.
Mærkesæt
Den delte downloadmappe med logoer, farvereferencer, skabeloner og relaterede aktiver, der er tilgængelig fra afsnittet Downloads eller Google Drev.
Skærmtype
Coolvetica, bruges til overskrifter og marketingfokus. Reserver den til korte, slagkraftige linjer, ikke lange afsnit.
Kropstype
Satoshi, bruges til brugergrænsefladetekster, afsnit og tabeller. Den indeholder det meste produkt- og længere tekstlæsning på webstedet.
Farvetoken
En navngiven mærkefarve med HEX-, RGB- og CSS-variable værdier (f.eks. Pink, Lilla, Mørk). Tokens holder design og kode justeret.
Otto
Elevales odderfigur og strategiske rådgiver inden for AI. Han repræsenterer løsninger: klarhed, energi og glæde med formål, ikke problemer, og aldrig som maskot eller rekvisit.
Brandværdier
De ufravigelige principper bag Elevale: sammenhæng, klarhed, evidens og eksekvering på lederniveau, der informerer produkt og kommunikation.
Beskeder
Hvad vi siger til markedet: positionering, målgruppe, løfte og bevis, udtrykt konsekvent i overskrifter, opfordringer til handling og salgsfortællinger.
Tonefald
Sådan siger vi det: klare, afgørende og menneskelige skriveregler for web, produktbrugergrænseflade og salg, ikke det samme som messaging, men bygget ud fra de samme værdier.
Reference

Ofte stillede spørgsmål

Hurtige svar om anvendelse af Elevale-brandet i marketing-, produkt- og partnermaterialer.

Hvilken logovariant skal jeg bruge?

Brug fuldfarvelåsning på hvid eller off-white. På solide mørke baggrunde skal du bruge låsning på mørk (farvelogomærke, hvidt ordmærke). For mørk app-brugergrænseflade eller områder med lav kontrast skal du bruge omvendt låsning (helt hvid). Se Varianter og Brug.

Kan jeg kun bruge logomærket?

Kun når pladsen er meget begrænset, og brandet allerede er genkendt: favicons, kompakte appikoner eller etableret navigation i produktet. Brug den fulde låsning til slides, annoncer og dokumenter. Se Varianter.

Kan jeg omfarve, omridse eller forvrænge logoet?

Nej. Du må ikke ændre farver, tilføje effekter, rotere eller strække lockup'en. Brug en godkendt fil fra brand kit eller logobiblioteket i stedet for at redigere illustrationen.

Hvor meget fri plads har jeg brug for?

Hold mindst én x fri plads på hver side, hvor x er højden af det lyserøde hjørnemodul på logomærket (20px ved standard låsestørrelse). Se Anatomi og ordlisten.

Må jeg placere logoet på fotografiet?

Ja, hvis kontrasten er stærk nok. Tilføj et solidt lyst eller mørkt lag bag logoet, eller brug den omvendte låsning på et mørkt område. Undgå travle baggrunde uden tilstrækkelig adskillelse. Se Brug.

Hvor downloader jeg officielle logofiler?

Brug Downloads til at åbne Google Drive-brandkittet (SVG- og PNG-logoer, farvereferencer og skabeloner). For kun de seneste lockups skal du bruge Gå til logobibliotek i afsnittet Varianter.

Hvornår kan jeg vise Elevale ved siden af et partnerlogo?

Brug co-branding, når begge mærker vises på det samme marketingmateriale (websted, deck, event). Bevar samme visuelle vægt, mindst 24px afstand eller en skillelinje, og ændr aldrig nogen af mærkerne. Se Co-branding. Forhandlere, der leverer et white-label klientprodukt, bør i stedet følge Forhandlere.

Hvad kan forhandlere gøre med mærket Elevale?

Forhandlere kan white-label kundeoplevelsen (dit logo, farve, domæne) og markedsføre platformen som deres eget tilbud. Vis ikke Elevale branding til slutkunder. Fuld vejledning findes hos Forhandlere eller på siden forhandlerprogram.

Hvilke regler gælder for affiliates og henvisningspartnere?

Du skal bruge officielle Elevale-aktiver, godkendte lockups, on-brand-budskaber og dit trackinglink. Du må ikke ændre logoet, white-label-kampagner eller køre betalte kampagner uden godkendelse. Se firmaets regler i Affiliates og programvilkår på Anbefal en ven.

Hvilke skrifttyper skal jeg bruge?

Coolvetica Condensed til overskrifter i displayet og Satoshi til brødtekst og brugergrænseflade (vægtning 400, 500, 700). Brug ikke identiske skrifttyper. Download Coolvetica og Satoshi fra Google Drev, eller se Display og Body.

Hvem skal jeg kontakte angående brandgodkendelse?

For kampagner, merchandise eller anvendelser, der ikke er dækket her, kontakt Elevale via kontaktsiden inden publicering. Medtag mock-ups og tilsigtede kanaler, så vi kan bekræfte den rigtige logovariant og co-branding-behandling.

Hvornår kan jeg bruge Otto i markedsføring?

Når han repræsenterer en løsning: klarhed, energi, glæde og målrettet vejledning, ikke et problem, en maskot eller en rekvisit. Læs Otto for kontekster og godkendelsesregler, og kontakt derefter brandteamet før ekstern publicering.