AIKI merkeidentitet
AIKI er en premium partner som hjelper team med å implementere og operasjonalisere KI med praktisk klarhet. Denne guiden er for partnere og samarbeidspartnere for å sikre konsistens på alle kontaktpunkter. Bruk disse ressursene for å bevare vårt lav-hype, høy-klarhet uttrykk.
Praktisk KI
Vi prioriterer nytte fremfor nyhet. Løsninger som fungerer i den virkelige verden.
Klarhet over hype
Ingen buzzwords. Vi avmystifiserer kompleksitet med klart språk og tydelig design.
Fremdrift
Vi hjelper team å bevege seg raskt. Merket oppleves aktivt, fremoverlent og presist.
Partnerskap
Vi står i skyttergravene med kundene våre. Tekniske, men menneskelige.
Fargesystem
Paletten vår er mørk, immersiv og teknisk. Den oransje aksentfargen brukes sparsomt for å styre handling.
Dyp marine
#080e27
Hovedbakgrunn. Dyp, teknisk, uendelig.
AIKI-oransje
#ff9501
Primær aksent. Knapper og viktige markeringer.
Lys oransje
#ffeacc
Subtile høylys og sekundære hover-stater.
Brutt hvit
#f2f2f2
Primær tekst og overskrifter. Høy kontrast.
Kjølig blå
#ccd8ff
Sekundær tekst og border (med lav opasitet).
Knasj blå
#023cff
Primær aksent i lyse seksjoner. Bruk sparsomt for maksimal kontrast mot off-white.
Designsystem
Spacing & rytme
Bruk faste trinn for konsistent vertikal rytme og luft i komponenter.
Seksjoner: 100px standard, 140px hero. Grid-gap: 60px (3-kol), 30px (4-kol), 20–30px på mobil.
Grid & breakpoints
Containere holder 1400px maks bredde, med 40px sidepadding (20px på mobil).
- Desktop: 3–4 kolonner, gap 60/30px.
- Tablet: 2 kolonner, gap 30px, seksjon-padding 80px.
- Mobil: 1 kolonne, gap 20–24px, seksjon-padding 60px.
Listeblokker (service rows): grid 1fr / 2fr, padding 60–72px, border-top + border-bottom.
Space Grotesk
Brukes til alle overskrifter og knapper. Teknisk, geometrisk, litt sær, men lett å lese.
Fremtiden for KI er praktisk
Operasjonaliser arbeidsflyten
Datadrevne beslutninger
Ny standard: Alle seksjoner skal bruke denne stilen. Ren tekst uten pille/bakgrunn. Bruk primær tekstfarge (tilpasses bakgrunn) og 0.1em tracking.
Instrumental Sans
Brukes til alle avsnitt, etiketter og grensesnitttekst. Svært lesbar, moderne og nøytral sans.
Eksempel på brødtekst:
AIKI hjelper organisasjoner å kutte gjennom støyen. Vi mener at implementering er den eneste strategien som virkelig teller. Ved å kombinere dyp teknisk kompetanse med menneskesentrert design, bygger vi verktøy teamet ditt faktisk bruker.
BRUKSNOTAT: Hold linjeavstanden romslig (1.6) og bruk Kjølig blå (#ccd8ff) på støttetekst for mindre visuell belastning.
Grensesnittmønstre
Direkte renderte eksempler på CTA-rad, kort, service-liste, tabell og form. Plassert i to kolonner for mer luft.
Knapper
Hover: primær → lys aksent, sekundær fylles lett, ikon flytter 3–5px.
Kort / paneler
Audit
Oppdager flaskehalser og raske gevinster.
Implementering
Fullstack-team leverer modell + integrasjon.
Drift
Overvåkning, retraining og forbedring.
Hover: løft 4px, lett skygge, behold 1px border.
CTA-seksjon
Operasjonaliser KI med tydelige leveranser
Vi kartlegger arbeidsflyten, bygger modellene og implementerer dem i drift. Alt måles på hastighet, kvalitet og kost.
Lister / service rows
Tabell
| Leveranse | Eier | Deadline |
|---|---|---|
| Data-audit | ML Lead | Uke 2 |
| Integrasjon CRM | Fullstack | Uke 4 |
| Oppstart retraining | Ops | Uke 6 |
Form
Last ned logoer og ikoner
Direkte nedlasting av logoer vi har tilgjengelig her. Lys variant brukes på mørke flater; mørk variant på lyse flater. Ikonet er ideelt for favicons/app-merker. (Flere filer kan legges til senere.)
Logoer (PNG)
Ikoner (PNG / SVG)
Bruk & plassering
- Safe zone: minst 1x høyden av «A» rundt logo.
- Bakgrunn: mørk (#080e27) for lys logo, off-white (#f2f2f2) for mørk logo.
- Minimum: 120px bredde på web, 64px for favicon/app-ikon.
- Ikon-only: bruk monogrammet til favicons og små flater.
Unngå
- Ingen gradienter eller skygger på logoen.
- Ikke endre farger til andre enn definert palett.
- Ingen «outline» effekter eller squeeze/stretch.
- Ikke plasser på rotete bilder uten mørk/lys bakplate.
Tone of voice
Gjør
- Skriv kort og presist, unngå hype.
- Forklar gevinstene konkret: tid spart, feil redusert.
- Bruk aktive verb: «bygg», «lever», «operasjonaliser».
- Underbygg med data eller eksempler når mulig.
Unngå
- Buzzwords uten forklaring («revolusjonere», «magisk»).
- For brede løfter; hold deg til det vi faktisk leverer.
- For mange adjektiv; la eksemplene vise verdien.
Bevegelse og tilgjengelighet
Motion
- Standard hover: 150–250ms ease, små løft.
- Ikon-piler oversettes 3–5px på hover.
- Bruk prefer-reduced-motion: respekter OS-innstilling.
- Unngå autoplay-animasjoner som stjeler fokus.
Tilgjengelighet
- Kontrast: tekst mot #080e27 eller #f2f2f2 skal være AA+.
- Lenker/knapper får fokusramme (outline eller shadow) med aksent.
- Semantikk: bruk h1–h3 rekkefølge, aria-labels på lenker med ikon.
- Skjema: label for alle inputs, hjelpetekst under.
Retningslinjer
- Bruk hvitrom generøst La innholdet puste. AIKI-merket er selvsikkert og trenger ikke rope.
- Hold teksten direkte Unngå markedsføringsjargong. Snakk til den tekniske realiteten i løsningen.
- Bruk aksentfargen til handling Oransje er for knapper, lenker og nøkkelpunkter. Ikke overfyll bakgrunnene.
- Behold kontrast Sørg for at tekst er lesbar mot den mørke bakgrunnen.
- Ikke bruk gradienter Stilen vår er flat, ren og lagdelt med transparens, ikke gradienter.
- Ikke bruk tunge skygger Skygger skal så vidt merkes og brukes kun til hover-stater.
- Ikke rund hjørner helt Knapper og kort har liten radius (4px), ikke pilleformer (20px+).
- Ikke endre fontstacken Hold deg til Space Grotesk og Instrument Sans for å bevare merkevaren.