Branding

FullStack Studios brandassets samlet ét sted.

Det horisontale logo er standarden til brede placeringer. Ikonet er fortsat tilgængeligt til app-pladser, kompakt UI og loading states.

Logofiler

Logoer til bred og kompakt brug.

Horisontalt logo

Til hjemmeside, admin, portal, webmail og PDF-dokumenter.

App-ikon

Til favicon, app-ikon og kompakte brandplaceringer.

Farver

En lys base med skarpe tekniske accenter.

Farvesættet kombinerer rolige indholdsflader med genkendelige accenter til handling, status og produktdybde.

#c7ff4a

Interface lime

Primær accent til knapper, labels, fokus og aktive states.

#101317

Ink

Primær tekstfarve, mørke brandflader og applikationschrome.

#f7f8f4

Background

Rolig offentlig basisbaggrund til sider og sektioner.

#66717d

Muted text

Understøttende tekst, metadata og sekundære labels.

#48d8ff

Cyan accent

Sekundær accent til gradienter, data og visuel dybde.

#ff6f59

Coral accent

Varm accent til highlights, advarsler og kontrastmomenter.

#7c5cff

Violet accent

Ekstra accent til variation i interface-elementer.

Eksempel

Connected digital system

Ink bærer indholdet, lime driver handlingen, cyan/coral/violet forbliver accenter.

Typografi

Inter Tight til overskrifter, Inter til interface og brødtekst, mono til tekniske detaljer.

Overskrifter er kompakte, tunge og stramt sat med let negativ letter-spacing. Brødteksten er rolig, skanbar og luftigt sat.

Displayclamp(3rem, 7vw, 7.4rem) / 930

FullStack Studio

Sektionstitelclamp(2rem, 4vw, 4.35rem) / 900

Digitale systemer, der spiller sammen.

Korttitelclamp(1.45rem, 2.4vw, 2.35rem) / 860

CRM & automatisering

Brødtekst1.05rem / 400

Hjemmesider, portaler og workflows, der fungerer sammen som ét system.

Label0.82rem / 820

FULLSTACK STUDIO

Radius8px

Standardradius til knapper, kort og værktøjer.

Indholdsbredde1180px

Offentlige sider bruger et bredt, men afgrænset layout.

Body line-height1.7 - 1.82

Luftig linjeafstand til længere tekst.

Font stackInter Tight / Inter / mono

Display til overskrifter, sans til UI og indhold, mono til koder og tekniske værdier.