Beskriv dit brand

Jo mere konkret du er, jo mere konkrete bliver forslagene. Kun navnet er påkrævet.

Har du allerede skrevet om jer et sted, kan appen hente nøgleord, branche og personlighed ud af teksten. Den bliver i browseren.

Indsæt teksten

Der er ikke noget maskineri, der kan finde på et godt navn. Det her sætter ord fra din branche og dine egne nøgleord sammen efter de mønstre, danske firmanavne følger – og vurderer hver enkelt på længde, stavelser og om det er til at sige.

Brandnavn * Bruges som ordmærke og til initialerne i monogrammet. Slogan / undertitel Branche Hvad laver I – og hvad gør jer anderledes? Målgruppe

Nøgleord

3–5 ord, fx solid, hurtig, jordnær.

Personlighed

Træk i skydeknapperne. De styrer både ordvalg og formsprog i forslagene.

Hvor skal logoet bruges?

Vælg de steder, der betyder mest. De bliver brugt i kravene og i mockuppene.

Vælg stil

Vælg én eller to retninger. Vælger du to, blander forslagene sig mellem dem.

Formsprog

Lad stilen bestemme Runde former Kantede former Blandet

Logotyper du er åben for

Lad dem alle stå til, hvis du vil se bredt. Vælger du få, bliver forslagene mere ensartede.

Vælg farver

Vælg en færdig palet, byg din egen, eller lad en palet regne sig frem fra én farve.

Bland en palet

Seks forslag ad gangen, bygget på farveharmonier og kontrollet for kontrast – ikke tilfældige farver. Klik på en for at bruge den.

Din egen palet

Mørk, primær, accent og lys. Appen finder selv ud af, hvilken rolle hver farve får.

Mørk Primær Accent Lys

Grundfarve Harmoni

Typografi

Vælg de skrifter, brandet skal bruge overalt – på brevpapir, websitet, i præsentationer og på visitkortet. Alle par er frit tilgængelige og må bruges kommercielt.

Tolv kuraterede par – eller lad appen sammensætte flere fra en bank på halvtreds frie skrifter, efter din stil.

Blandede forslag

Indlæs skrifterne, så forhåndsvisningen er ægte Brug overskriftsskriften i logokoncepterne Uden fluebenet kontakter appen ingen servere, og forhåndsvisningen bruger den nærmeste systemskrift. Med fluebenet hentes skrifterne fra fonts.googleapis.com.

I brug

Størrelser

Dine logokoncepter

Antal

App-ikon

Byg et ikon til iOS, Android og web. Formen er en rigtig iOS-squircle, og alle størrelser skæres ud af den samme vektor, så intet bliver uskarpt undervejs. Motivet kan være et bogstav, et tegnet mærke, en emoji – eller et af de 157 symboler i biblioteket.

På en hjemmeskærm

Faktiske størrelser – holder motivet helt ned i 29 px?

Måling i 29 px

Vis sikkerhedszone Rødt er det, iOS-masken skærer væk. Den stiplede cirkel er den komfortable zone – hold det vigtigste indenfor.

Sammenlign i 29 px

Vælg A/B på en favorit – eller knappen herover – for at se de to målt op mod hinanden ved den størrelse, der er svær.

Forslag

Ni kombinationer af baggrund, mønster, plade, noder og lys. Klik på en for at bruge den som udgangspunkt – motivet beholdes, det er indpakningen der skifter.

Lås det, du er glad for, og lad resten variere:

Favoritter

Op til tolv opsætninger, du kan vende tilbage til. De bliver liggende i browseren, også når du lukker fanen.

Udtryk

Sæt Xcode

Android og web

Det samme ikon, skåret til de to andre platforme. Begge steder klipper systemet selv i billedet, så motivet skal holde sig inden for den sikre zone.

Android adaptive icon

Lærredet er 108 dp, men launcheren viser kun de midterste 72 dp – resten er plads til den bevægelse, ikonet laver, når man scroller. Baggrunden går derfor til kanten, mens motivet ligger i sit eget gennemsigtige lag. Sådan ser det ud i de masker, producenterne bruger:

Motivets plads i den sikre zone

Tag et monokromt lag med (themed icons, Android 13+) Tag de gamle launcher-ikoner med (Android 7 og ældre)

Tætheden står forrest i filnavnet: xhdpi-ic_launcher_foreground.png skal hedde ic_launcher_foreground.png og ligge i res/mipmap-xhdpi/. ic_launcher.xml hører hjemme i res/mipmap-anydpi-v26/.

PWA og favicon

Browsere skærer maskable-ikonet til efter platformens form, så dét lag får motivet krympet ind på 80 % af fladen. Apple læser hverken manifestet eller maskable-feltet og får sit eget firkantede ikon.

Navn Kort navn Start-URL Visning Temafarve Baggrundsfarve

PNG’erne hører til i en mappe ved navn icons/, og manifest.webmanifest i roden af sitet.

Om formen: iOS-ikoner skal være helt firkantede og uden gennemsigtighed i alle størrelser – systemet lægger selv masken på. Derfor eksporteres iOS-sættet og Xcode-sættet firkantet, mens den afrundede udgave er til websites, PWA-manifest og mockups. Xcode-sættet giver en Contents.json plus de PNG'er, den henviser til: læg dem i en mappe ved navn AppIcon.appiconset og træk mappen ind i Assets.xcassets.

Hent hele pakken

Alle dine valg samlet i ét arkiv: logoet i seks varianter, farverne, skrifterne, app-ikonet til iOS, Android og web, bannere til sociale medier – og en brandmanual, der forklarer det hele.

logo/

Vandret, lodret, kun symbol, kun navn, én farve sort og negativ hvid. Hver som SVG (vektor, kan skaleres i det uendelige) og PNG i 2000 px.

farver/

CSS-variabler, JSON til udviklere og en farveprøve som billede – plus kontrasttallene, så ingen bruger accentfarven til brødtekst.

skrifter/

CSS til websitet og en vejledning med links, størrelser til papir og oplæg, og hvad licensen tillader.

ikon/

iOS i alle størrelser med Contents.json, Android adaptive icon med baggrund, forgrund og monokromt lag i fem tætheder, og PWA-manifest med maskable-ikoner og favicons.

sociale-medier/

Profilbillede, Instagram-opslag, Facebook-cover, LinkedIn-banner, X-header og YouTube-kanalbillede i platformenes egne mål.

brandmanual.html

Én side med logoet, farverne, skrifterne, kontrasttabellen og hvad man skal undgå. Åbn den i en browser, eller udskriv den til PDF.

Det tager et øjeblik – omkring tres filer tegnes fra bunden i browseren. Intet sendes nogen steder hen: arkivet bygges på din egen maskine.