Aa
#05030FVoid
Hovedbakgrunn. En mørk scene for karakteren og lyset.
--voidANIVATAR / VISUELT SYSTEM FOR NETTSTEDET
Merkevarehåndbok.
Intelligens får karakter.
Farge, typografi, lys og reglene som forener dem i ett språk.
01 / ANIVATAR
Intelligens. Med karakter.
Anivatar gir teknologi et ansikt, en stemme og evnen til å handle. Mennesker står fortsatt i sentrum for opplevelsen.
GRUNNPRINSIPP
Kontrollert
kontrast.
Menneske og maskin. Mørke og spektralt lys. Monumental typografi og rolige, lesbare beskrivelser. Hver skjerm har ett dominerende visuelt øyeblikk.
Levende
Tilstedeværende og responsiv.
Dristig
Dristig i skala og språk.
Intelligent
Presis og målrettet.
Menneskelig
Nær mennesker.
Uventet
Overrasker gjennom et temposkifte.
02 / ANIVATAR
Fargen har en rolle.
Nettstedets hovedpalett. Hver prøve viser en farge, HEX-verdien og bruksområdet. Mettede aksenter trekker blikket mot det viktige.
Aa
#0B0824Deep Space
Paneler, gallerier og sekundære flater.
--deep-spaceAa
#F7F5FFGhost
Hovedtekst på mørk bakgrunn.
--ghostAa
#C9C5D6Mist
Beskrivelser, bildetekster og sekundærtekst.
--mistAa
#7226FFElectric Violet
Merkevareidentitet, energi og lysdetaljer.
--violetAa
#F042FFHyper Magenta
Uttrykk, stemme og visuelle høydepunkter.
--magentaAa
#87F5F5Plasma Cyan
Primære handlinger, aktive tilstander og tastaturfokus.
--cyanAa
#C8FF2EAcid Lime
En fremtredende kontaktknapp og en aksent for handlingsoppfordringer.
Nettstedets aksenter og flater
Electric Blue
#225CFFGradienter for overskrifter og lyssetting av scener.
Laser Blue
#00CFFFVATAR-aksenten i logoen og lysende detaljer.
Ultraviolet
#3A00FFEn ekstra spektralaksent.
Signal Blue
#245BFFTeknologimoduler og dataflyt.
Lys scene
#FBFDFFEn kontrastflate for manifestet.
Feil
#FF4F68En semantisk feilfarge, alltid sammen med en melding.
Supplerende farger fra merkevareretningslinjene: Night Indigo #160078, Soft Photon #F4F3F8, Ink #0B0913 og Solar Orange #FF5A36. Disse fargene kan brukes i fremtidige scener og materialer; hovedfargene på dagens nettsted vises ovenfor.
65%Bakgrunn
25%Bilder og nøytrale flater
10%Aksent
03 / ANIVATAR
Tre skrifttyper. Én stemme.
Nettstedet bruker Space Grotesk, Manrope og Oxanium. Hver har en fast rolle, mens størrelsen tilpasses skjermbredden.
01 / OVERSKRIFTER
Space Grotesk
Overskrifter, store tall og logo. Korte utsagn, dristig skala og tett rytme. Dominerende skriftvekt: 600.
KI som
ser deg i øynene.
Aa Bb 0123456789
Ą Ć Ę Ł Ń Ó Ś Ź Ż · ą ć ę ł ń ó ś ź ż
02 / BRØDTEKST OG GRENSESNITT
Manrope
Avsnitt, skjemaer og knapper. Brødtekst: skriftvekt 400–500. Utheving og handlinger: 600–700. Behagelig linjeavstand og tydelig lesning.
Teknologi begynner med samtale.
Vi skaper digitale karakterer som lytter, svarer og hjelper folk med å handle. Den raske brune reven hopper over den late hunden.
Aa Bb 0123456789 · A B C D E F G
03 / TEKNOLOGISK AKSENT
Oxanium
Indekser, små etiketter, statuser og hovednavigasjon. Store bokstaver, økt bokstavavstand og skriftvekt 500–600.
STEMME / MENNESKE / KI
System 01–08
Aa Bb 0123456789
Ą Ć Ę Ł Ń Ó Ś Ź Ż · ą ć ę ł ń ó ś ź ż
Skriftstørrelsene tilpasser seg skjermbredden. Store overskrifter fyller scenen. Brødteksten har en behagelig linjelengde og en linjehøyde på rundt 1,6. På mobil får overskriftene større linjeavstand, slik at de polske diakritiske tegnene vises i sin helhet. En fargeovergang fremhever en kort del av overskriften.
04 / ANIVATAR
Merkevarens signatur.
Den originale Anivatar-logoen kombinerer en menneskelig profil med et flytende, spektralt symbol. Vi bruker den lyse eller mørke versjonen etter bakgrunnen.
Bevar
Hold logoen på én linje, bevar de opprinnelige proporsjonene, plasser den på en lesbar bakgrunn og la det være fri plass rundt den. Bruk samme skrivemåte i topp- og bunnteksten.
Unngå
Ikke strekk logoen, endre skrifttypen, bruke vilkårlige farger eller effekter eller plassere symbolet over ansiktet til en karakter eller et urolig bilde.
05 / ANIVATAR
Lys fremhever personligheten.
Gradienten fungerer som en lyskilde: på karakteren, i en glorie eller over en kort del av en overskrift. Lengre tekst har én ensfarget tone.
Signature Spectrum
Merkevarens hovedgradient.
115° · #7226FF → #F042FF (44%) → #87F5F5Spekter for nettstedets overskrifter
En variant brukt i overskrifter på undersider.
90° · #225CFF → #F042FF → #87F5F5
Nær mennesker.
Et bevisst blikk, et nært utsnitt og plass til typografi. To fargetemperaturer fremhever ansiktet, mens kantlys skiller det fra bakgrunnen.
Fotorealisme og stilisering kan eksistere side om side. Utsnitt, lys og presentasjon skaper sammenheng.
Motivene omfatter lys rundt karakteren, stemmefeltet og skannelinjen. Geometriske ikoner støtter tydelige etiketter.
06 / ANIVATAR
Rom er viktig.
Et fleksibelt rutenett med 12 kolonner, tekniske linjer og skiftende rytme: en stor scene, en rolig beskrivelse og deretter en ny sterk aksent.
010203040506070809101112
Marger og rytme
På brede skjermer er sidemargen vanligvis 4 % av bredden, begrenset til mellom 24 og 72 px. På telefoner er den vanligvis 20 px. Innhold og knapper holder seg alltid innenfor det trygge området.
Form og hierarki
Én handling bruker en pilleformet knapp. Valg mellom alternativer bruker et rektangel med rette hjørner. Samme regel gjelder bruksområder, galleri, behovsskjema og chat. Innholdsmoduler forblir flate; på telefoner blir kolonner en lesbar rekkefølge.
07 / ANIVATAR
Handlinger er tydelige.
Hver handling har en tydelig etikett. Farge, omriss og bevegelse understreker betydningen, mens tastaturfokus viser det aktive elementet.
ENKELTHANDLINGER / AVRUNDET
Møt karakterene
Primærhandling / Plasma Cyan + Void
Start et prosjekt
Kontakt / Acid Lime + Void
Utforsk fargene
Sekundærhandling / diskret omriss
ALTERNATIVVALG / REKTANGULÆRT
Kontrast og tilgjengelighet
Ghost og Mist på Void. Mørk tekst på Cyan, Magenta og Lime. Lys tekst på Electric Violet. Vi beskriver alltid en tilstand med et ord eller ikon, selv når fargen endres.
Målrettet bevegelse
Knapprespons: 180 ms. Anbefalt tid for tekstinnganger: 450–800 ms; sceneskift: 700–1400 ms. Bevegelse bekrefter en handling eller tilstandsendring. Et ønske om redusert bevegelse slår av unødvendige animasjoner.
08 / ANIVATAR
Vi snakker enkelt.
Korte, dristige setninger. Verb fremfor fagsjargong. Vi forklarer teknologi gjennom det den gjør mulig for mennesker.
Én personlighet.
Alle kanaler.
Anivatars stemme
«En historie som svarer.»
«Et hjem som forstår mer enn kommandoer.»
«Teknisk kunnskap akkurat der den trengs.»
Kommunikasjonsprinsippet
Vi knytter visjon til praktisk bruk. Vi forklarer hvem vi hjelper og hvordan. Vi unngår tomme superlativer, udokumentert statistikk og løfter om å erstatte mennesker.