<!DOCTYPE html> <html lang="sv"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="description" content="AINNOVA - Lär dig skapa AI-bildträning med dina egna foton"> <meta name="format-detection" content="telephone=no"> <title>AINNOVA | AI-bilder</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@700&display=swap"> <style> /* AINNOVA färgpalett enligt designprotokoll */ :root { --primary-blue: #007BBF; --white: #FFFFFF; --light-gray: #E6EBF1; --lighter-gray: #F7F9FC; --button-green: #80CB45; --button-green-hover: #3A8C2D; --text-dark-gray: #222222; --text-medium-gray: #56585E; --text-light-gray: #888888; --border-gray: #CCCCCC; --shadow: rgba(0,0,0,0.1); }
/* Grund- och resetstil */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Lato', sans-serif; background: var(--primary-blue); }
/* Huvudlayout */
.ainnova-wrapper { padding: 14px 20px 20px; min-height: 100vh; background: var(--primary-blue); }
.container { margin: 0 auto; width: calc(100% - 20px); max-width: 1000px; background: var(--white); padding: 30px; border-radius: 10px; box-shadow: 0 4px 12px var(--shadow); }
/* Typografi */
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
color: var(--primary-blue);
margin-bottom: 20px;
text-align: center;
}
h2 {
font-size: 24px;
color: var(--text-dark-gray);
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 20px;
color: var(--primary-blue);
margin-top: 20px;
margin-bottom: 10px;
}
p {
font-size: 16px;
color: var(--text-dark-gray);
line-height: 1.6;
margin-bottom: 15px;
}
/* Listformat med ikoner utan svarta punkter */
ul {
list-style-type: none;
padding-left: 0;
margin: 15px 0;
}
ul li {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
line-height: 1.5;
color: var(--text-dark-gray);
}
.ainnova-icon {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/namnlos-design-4-1.png>');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
flex-shrink: 0;
}
/* Länkar - Subtil stil utan understrykning */
a {
color: var(--primary-blue);
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: var(--button-green-hover);
}
/* Konkurrentlänkar - extra subtil */
.competitor-link {
color: var(--text-light-gray);
font-weight: normal;
transition: color 0.3s;
}
.competitor-link:hover {
color: var(--primary-blue);
}
/* Bilder */
.image-container {
display: flex;
justify-content: space-between;
margin: 25px 0;
gap: 20px;
}
.image-container img {
width: 48%;
border-radius: 5px;
box-shadow: 0 2px 4px var(--shadow);
}
.full-width-image {
width: 100%;
max-height: 300px;
object-fit: cover;
border-radius: 5px;
margin: 25px 0;
box-shadow: 0 2px 4px var(--shadow);
}
/* Betoningsboxar */
.highlight-box {
background-color: var(--light-gray);
border-left: 4px solid var(--primary-blue);
padding: 15px;
margin: 20px 0;
border-radius: 0 5px 5px 0;
}
/* Konkurrentlista */
.competitors-section {
margin: 40px 0 10px;
padding: 15px;
background-color: var(--lighter-gray);
border-radius: 5px;
border-top: 1px solid var(--border-gray);
}
.competitors-section h3 {
font-size: 16px;
color: var(--text-medium-gray);
margin-bottom: 10px;
}
/* Tabellstilar - Exakt som i "våra erbjudanden på ett silverfat" */
.table-title { background: var(--light-gray); color: var(--text-dark-gray); padding: 10px; text-align: center; font-weight: bold; border-radius: 5px; margin-bottom: 5px; }
.table-container { padding: 0 15px; overflow-x: auto; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 0 0 20px 0; box-shadow: 0 2px 4px var(--shadow); }
th, td { border: 2px solid var(--border-gray); box-shadow: inset 0 0 3px var(--shadow); padding: 12px; text-align: left; vertical-align: top; }
th { background: var(--primary-blue); color: var(--white); font-weight: bold; text-transform: uppercase; }
tbody:nth-child(odd) { background: var(--white); }
tbody:nth-child(even) { background: var(--light-gray); }
/* Navigationscirklar - UPPDATERAD för att matcha bilden */
.cta-circles {
display: flex;
justify-content: center;
flex-wrap: nowrap; /* ÄNDRAD: Alla på en rad i desktop */
gap: 20px;
margin: 40px 0 20px;
}
.cta-circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: var(--button-green);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: var(--text-dark-gray);
font-weight: bold;
text-align: center;
transition: background-color 0.3s, transform 0.3s;
animation: pulse 2s infinite;
font-size: 17px;
}
.cta-circle:nth-child(even) {
background-color: var(--primary-blue);
color: var(--white);
}
.cta-circle:hover {
background-color: var(--button-green-hover);
color: var(--white);
transform: scale(1.05);
animation: none;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
/* Tillbaka till toppen-knapp - UPPDATERAD för att matcha bilden */
.back-to-top {
display: block;
width: 100%;
margin: 20px auto 0;
padding: 10px;
background-color: var(--primary-blue);
color: var(--white);
text-align: center;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
.back-to-top:hover {
background-color: var(--button-green-hover);
color: var(--white);
text-decoration: none;
}
/* Responsivitet */
@media (max-width: 768px) {
.container {
padding: 15px;
width: 100%;
}
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
p, li { font-size: 15px; }
.image-container {
flex-direction: column;
}
.image-container img {
width: 100%;
}
/* Samma mobilanpassning som i prislistan för tabeller */
thead { display: none; }
table, tbody { display: block; }
tr {
display: grid;
grid-template-areas: "category" "service" "price" "desc";
margin-bottom: 15px;
border: 2px solid var(--border-gray);
border-radius: 5px;
background: var(--white);
box-shadow: 0 2px 4px rgba(0,0,0,0.15);
position: relative;
}
/* Visar kategorinamn i mobilvy */
tr::before {
content: attr(data-category);
display: block;
padding: 8px 12px;
background: var(--primary-blue);
color: var(--white);
font-weight: bold;
grid-area: category;
}
tbody:nth-child(odd) tr::before {
background: var(--primary-blue);
}
tbody:nth-child(even) tr::before {
background: var(--button-green-hover);
}
td { display: block; border: none; text-align: center; }
td:nth-child(1) {
grid-area: service;
font-weight: bold;
background: var(--button-green);
color: var(--text-dark-gray);
padding: 10px;
}
td:nth-child(2) {
grid-area: price;
border-bottom: 1px solid var(--border-gray);
padding: 10px;
}
td:nth-child(3) {
grid-area: desc;
background: var(--lighter-gray);
padding: 10px;
}
/* UPPDATERAD: Navigationscirklar i par på mobil */
.cta-circles {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.cta-circle {
width: 90px;
height: 90px;
font-size: 15px;
}
.back-to-top { font-size: 14px; padding: 8px 20px; }
}
</style>
</head> <body> <div class="ainnova-wrapper" id="top"> <div class="container"> <!-- HUVUDRUBRIK OCH INLEDNING --> <h1>AI-bilder</h1> <p><strong>Skapa obegränsat med unika, professionella bilder med dina egna foton som utgångspunkt.</strong></p> <p>Vi lär dig hur du kan träna AI-modeller med 10-20 av dina egna foton för att sedan generera obegränsat antal högkvalitativa och anpassade bilder. Du får inte bara bilderna du behöver just nu – du får kunskapen att fortsätta skapa själv långt efter att vårt samarbete är avslutat.</p>
<!-- BILDCONTAINER -->
<div class="image-container">
<img src="<https://images.unsplash.com/photo-1600132806370-bf17e65e942f?q=80&w=2574&auto=format&fit=crop>" alt="Person framför dator med bildgenereringsverktyg">
<img src="<https://images.unsplash.com/photo-1633613286848-e6f43bbafb8d?q=80&w=2670&auto=format&fit=crop>" alt="Kreativ AI-genererad bild av person i olika stilar">
</div>
<!-- FÖRSTA SEKTIONEN -->
<h2>Fördelar med att lära sig AI-bildträning</h2>
<p>Att kunna träna AI med dina egna bilder ger dig en unik förmåga att skapa personligt och varumärkesanpassat material.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Obegränsad bildproduktion:</strong> Skapa hundratals bilder för ditt företag eller personliga varumärke utan ytterligare kostnader</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Helt anpassade bilder:</strong> Generera exakt det bildmaterial du behöver för olika kanaler och ändamål – baserat på ditt eget utseende eller stil</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Långsiktig investering:</strong> Kunskapen du får är värdefull långt efter att vårt samarbete avslutats</span>
</li>
</ul>
<!-- BETONINGSBOX -->
<div class="highlight-box">
<h3>En engångsinvestering som betalar sig gång på gång</h3>
<p>Med en genomsnittlig kostnad på 500-1000 kr per professionell bild från fotografer eller bildbanker, och behovet av 10-15 nya bilder per månad för sociala medier, betalar sig våra träningsrundor på bara några månader. Många av våra kunder skapar hundratals bilder själva bara några veckor efter vårt samarbete.</p>
</div>
<!-- ANDRA SEKTIONEN - TABELL -->
<h2>Våra träningspaket för AI-bilder</h2>
<p>Vi erbjuder träningsrundor där du lär dig hela processen från förbehandling av dina bilder till att generera högkvalitativa resultat.</p>
<div class="table-title">Paket och priser för AI-bildträning. Vårt verkliga värde ligger i att välja rätt verktyg åt dig och att du med hjälp av AI ska kunna bygga allt själv. Detta är av AI framtagna exempelsidor!!!🤺.</div>
<div class="table-container">
<table>
<thead>
<tr>
<th>Paket</th>
<th>Pris (ex moms)</th>
<th>Innehåll</th>
</tr>
</thead>
<tbody>
<tr data-category="Grundpaket">
<td>En träningsrunda</td>
<td>6 000 kr</td>
<td>En komplett träningsrunda där vi utgår från 10-20 av dina egna bilder. Vi guidar dig genom hela processen, från bildförberedelser till träning av AI-modell, och visar hur du kan generera nya varianter.</td>
</tr>
<tr data-category="Grundpaket">
<td>Två träningsrundor</td>
<td>8 000 kr</td>
<td>Vårt mest populära paket. Två separata träningsrundor med 10-20 bilder vardera, vilket ger större variation och möjlighet att lära från första omgången. Det perfekta upplägget för dig som vill bli helt självständig.</td>
</tr>
</tbody>
<tbody>
<tr data-category="Företagspaket">
<td>Teamutbildning</td>
<td>20 000 kr</td>
<td>Anpassat för företag där upp till 3 personer får lära sig tekniken tillsammans. Inkluderar två träningsrundor med 10-20 bilder per runda. Perfekt för marknadsföringsavdelningar som vill skapa eget material löpande.</td>
</tr>
<tr data-category="Företagspaket">
<td>Bildbank-starter</td>
<td>30 000 kr</td>
<td>Skapa grunden till en komplett varumärkesanpassad bildbank. Inkluderar två träningsrundor med 10-20 bilder per runda, plus hjälp att generera 100 färdiga bilder i olika stilar, bakgrunder och format. Perfekt för företag som behöver stort bildmaterial direkt.</td>
</tr>
</tbody>
<tbody>
<tr data-category="Tillägg">
<td>Extra handledning</td>
<td>800 kr/timme</td>
<td>Extra utbildningstid för dig som vill fördjupa dig i specifika tekniker eller behöver ytterligare stöd efter grundutbildningen.</td>
</tr>
<tr data-category="Tillägg">
<td>Bildförberedelser</td>
<td>2 000 kr</td>
<td>Vi hjälper dig att välja ut, förbättra och optimera dina originalbilder för bästa möjliga resultat vid AI-träningen. Särskilt värdefullt om ditt bildmaterial är begränsat eller av varierande kvalitet.</td>
</tr>
</tbody>
</table>
</div>
<!-- TREDJE SEKTIONEN -->
<h2>Så går träningen till</h2>
<p>Vi följer en beprövad process som gör att du lär dig varje steg i att skapa personliga AI-bilder.</p>
<!-- UNDERSEKTIONER -->
<h3>Förberedelse</h3>
<p>Vi hjälper dig att välja ut och förbereda 10-20 bilder som fungerar bäst för träning av AI-modellen. Bilderna behöver vara varierade i uttryck, vinkel och bakgrund, men ha konsekvent ljussättning och kvalitet. Vi visar hur du redigerar bilderna för optimal träning.</p>
<h3>Setup och träning</h3>
<p>Vi guidar dig genom hela träningsprocessen, från att sätta upp verktyg och ladda upp bilder till att starta och övervaka själva träningen. Du får se hur modellen utvecklas under träningen och lär dig känna igen när den når optimal prestanda. Vi visar också hur du undviker vanliga fallgropar.</p>
<h3>Generering och finjustering</h3>
<p>När modellen är tränad visar vi hur du använder den för att skapa nya bilder i olika stilar, miljöer och situationer. Du lär dig att skriva effektiva instruktioner (prompts) som ger exakt de bilder du vill ha, och hur du kan finjustera resultaten för att uppnå perfekt kvalitet.</p>
<!-- BILD I FULLBREDD -->
<img src="<https://images.unsplash.com/photo-1581092335397-9583eb92d232?q=80&w=2670&auto=format&fit=crop>" alt="AI-genererade porträtt i olika stilar" class="full-width-image">
<!-- FJÄRDE SEKTIONEN -->
<h2>Därför ska du välja AINNOVA</h2>
<p>Vi fokuserar på att ge dig kunskap och självständighet, inte att skapa ett beroende av våra tjänster.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Kunskap, inte produkter:</strong> Vi lär dig hela processen så att du kan fortsätta skapa på egen hand utan att behöva anlita oss igen</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Praktisk erfarenhet:</strong> Vi har själva tränat modeller med våra egna bilder och vet exakt vilka metoder som fungerar – och vilka fallgropar som finns</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Långsiktig lösning:</strong> Efter våra träningsrundor kan du fortsätta skapa egna bilder under lång tid, vilket ger en oslagbar avkastning på din investering</span>
</li>
</ul>
<!-- KONKURRENTER -->
<div class="competitors-section">
<h3>Andra leverantörer inom AI-bildgenerering:</h3>
<p><a href="<https://delicate-neighbor-37a.notion.site/AI-bilder-1cd9c8142e3f80da999fdca2a9cea98f>" class="competitor-link" target="_blank" rel="noopener noreferrer">Se fler leverantörer</a></p>
</div>
<!-- NAVIGATIONSCIRKLAR OCH TILLBAKA TILL TOPPEN -->
<footer>
<nav class="cta-circles">
<a href="<https://ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">AINNOVA</a>
<a href="<https://erbjudanden.ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">Erbjudanden</a>
<a href="<https://ainnova.se/kontakt>" class="cta-circle" target="_blank" rel="noopener noreferrer">Kontakt</a>
<a href="<https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c>" class="cta-circle" target="_blank" rel="noopener noreferrer">Notion</a>
</nav>
<a href="#top" class="back-to-top">🤺 Opp till topps bestemor! 🤺</a>
</footer>
</div>
</div>
<script>
document.querySelector('.back-to-top').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById('top').scrollIntoView({ behavior: 'smooth' });
});
</script>
</body> </html>