Brandbook
Så här ser Moank Fintech Group ut och låter. Sidan samlar identiteten för alla som gör presentationer, dokument, annonser eller webb tillsammans med oss, och för medarbetarna i gruppens bolag. Färgkoder och tokens kan kopieras med ett klick.
Lugn
En accentfärg, mycket luft och korta rubriker. Vi låter innehållet tala.
Precis
Varje siffra, färg och påstående ska gå att stå för. Hellre färre ord än ett för mycket.
Modern
Stora vinröda siffror, duotone-foton och ett mörkt läge som standard.
Brandbook som prompt
Samma regler som på den här sidan, packade som text att klistra in i det AI-verktyg du använder. Skrivprompten passar mejl, pressmeddelanden, presentationer och LinkedIn. Designprompten passar bild-, layout- och kodverktyg. Båda byggs från samma data som sidan, så de är alltid aktuella. Version 2026-09-15.
Skrivprompt
Ton, rubriker, format och ett exempel på rätt ton. Cirka 305 ord.
Designprompt
Färger, typografi, form, komponenter, foto och logotyp. Cirka 848 ord.
Logotyp
- Logotypen står i första hand vitt på den djupa vinröda färgen, samma färg som sajtens bakgrund i mörkt läge. Den ljusare vinröda går också bra. På ljus yta används svart ordmärke på vitt, och svart platta är reserverad för footern och tryck.
- Ordmärket i sig är alltid svart eller vitt. Aldrig vinrött, aldrig tonat, aldrig på foto utan mörk platta under.
- Minsta höjd 24 px på skärm och 8 mm i tryck. Fri yta runt logotypen motsvarar höjden på bokstaven M.
- Punkten i MOANK. är identitetens kärna. Den återkommer som vinröd slutpunkt efter alla större rubriker på webben.
- Faviconen är bokstäverna MFG i vitt på vinröd platta med rundade hörn.
Färger
Paletten är avsiktligt liten: papper, bläck och en vinröd accent. Vinrött används på högst tre ställen per sida: ett duotone-foto eller band, slutpunkter och siffror, samt hover. Allt annat är neutralt. I mörkt läge byter canvas till djup vinröd och accenten ljusnar till rosa så att markörerna fortsätter synas.
Ljust läge
Canvas. Helvit bakgrund på alla sidor.
Kort, listor och neutrala plattor.
Hover på kort, placeholders.
Rubriker och primär text.
Brödtext.
Sekundär text, datum, bildtexter.
Meta, inaktiva pilar och etiketter.
Accenten. Slutpunkter, siffror, länkar, fokus.
Gradienter över foton.
Vinröda band och duotone-foton.
Footerns platta, alltid mörk.
Mörkt läge
Djup vinröd bakgrund.
Kort och listor.
Hover och placeholders.
Rubriker och primär text.
Brödtext.
Sekundär text.
Accenten i mörkt läge.
Band och duotone, ett steg ljusare än canvas.
Primära piller och aktiva flikar.
Footerns platta.
Hårlinjer: 12 % bläck på ljus yta, 14 % vitt på mörk yta. Skuggor används bara på lyft kort och är alltid mjuka.
Typografi
Aa
Bricolage Grotesque
Rubriker och siffror. Vikt 600, spärr −0,022 em. Aldrig tyngre än 600 på webben.
Aa
Instrument Sans
Brödtext, knappar, tabeller och navigation. Vikt 400 till 600.
Aa
Instrument Serif Italic
Bara för betonade ord inne i rubriker, aldrig för hela meningar eller brödtext.
Finansiell intelligens
Display hero
clamp(2.6rem, 5.6vw, 5.25rem)
Radavstånd 1.04. Sidans H1.
Finansiell intelligens
Display 1
clamp(2.1rem, 4vw, 3.6rem)
Radavstånd 1.08. Sektionsrubriker, citat, CTA.
Finansiell intelligens
Display 2
clamp(1.65rem, 2.7vw, 2.4rem)
Radavstånd 1.14. Underrubriker, bolagsnamn, faktavärden.
Finansiell intelligens
Display 3
clamp(1.25rem, 1.8vw, 1.55rem)
Radavstånd 1.22. Listrubriker, personnamn.
Finansiell intelligens
Ingress
clamp(1.05rem, 1.25vw, 1.25rem)
Radavstånd 1.55. Ingress under H1.
Finansiell intelligens
Brödtext
16 px mobil, 17 px desktop
Radavstånd 1.55. All löpande text.
Kolumnrubrik
Etikett
0.7rem, versaler, 0.16em spärr
Radavstånd 1. Kolumnrubriker, bildtexter, roller.
Bolagsgrupp med fokus på investeringar i finansiell intelligens
Betoning: ett eller två ord per rubrik sätts i Instrument Serif Italic, alltid det ord som bär meningen. Slutpunkten är en vinröd cirkel på 0,14 em, tätt efter sista bokstaven.
Form och rytm
Band
2.5rem
Helbreddsplattor, foton, CTA.
Kort
2rem / 1.5rem
Bolagskort, listor, faktarutor.
Piller
9999px
Knappar, flikar, taggar, toggles.
Tumnaglar
1rem
Små bilder och ikoner.
- Ett budskap per skärm. En kolumn text, aldrig två textspalter bredvid varandra.
- Sektioner har 5 till 7 rem luft mellan sig på desktop. Hellre för mycket luft än för lite.
- Innehållet ligger i en container på max 84 rem med 1,5 rem sidmarginal på mobil och 3 rem på desktop.
- Stora vinröda siffror 01 till 04 markerar numrerade listor och bolagen. De sätts i Bricolage på 6,5 rem desktop och 3,5 rem mobil.
Komponenter
Knappar
Alla knappar är piller. Pilen glider tre pixlar åt höger vid hover. Inga knappar i hero.
Flikar och taggar
Aktiv flik är inverterad. Taggar är små versaler med spärr, aldrig färgade.
Numrerat kort
Duotone-foto
Alla foton läggs i gråskala med luminositetsblandning på vinröd platta. Så delar varje bild paletten i stället för att slåss med den. Klasserna heter .duotone och .duotone-img. Porträtt visas i gråskala och får färg vid hover.
Presentationer
PowerPoint-mallen innehåller åtta layouter i sajtens färger och typografi: titel, avsnitt, rubrik och innehåll, påstående, nyckeltal, citat, bild och text samt avslut. Varje layout ligger i bakgrundsmallen, så nya bilder skapas via Ny bild och rätt layout. Exempelbilderna i filen visar hur varje layout är tänkt att användas.
- Installera typsnitten innan du öppnar mallen. Utan dem faller PowerPoint tillbaka på ett standardtypsnitt och rubrikerna får fel karaktär. Paketet innehåller Bricolage Grotesque, Instrument Sans och Instrument Serif med licenstexter och en installationsanvisning.
- En tanke per bild. Använd layouten Påstående för det viktigaste, inte en punktlista.
- Foton läggs i vinröd duotone innan de går in i presentationen. Mallens bildbilder visar hur det ser ut.
- Slutpunkten efter rubriken är en rosa eller vinröd punkt i samma typsnitt, aldrig en vanlig svart punkt.
Skrivregler
- Korta rubriker, tre till sju ord. Det långa resonemanget hör hemma i ingressen under.
- Meningsversaler överallt, även i navigation och knappar. Aldrig VERSALER i rubriker.
- Inga små etiketter ovanför rubriker. Rubriken står för sig själv med sin slutpunkt.
- Inga tankstreck som skiljetecken. Använd komma, kolon eller punkt. Bindestreck bara i sammansättningar som AI-native.
- Upphovspersoner till bilder krediteras på sidan Erkännanden, aldrig som text ovanpå bilden.