INTALION WEB DESIGN STYLE GUIDE

- LOGO VARIATIONS

Main logo
Secondary logo
White logo
Icon logo

2

- LOGO DO’S AND DON’TS

DO

DON'T

3

- Colors

Primary

#000000

Text

#000000

Secondary

#F3BD1F

WHITE

#ffffff

Accent

#F3BD1F

GREY

#8A8C8E

2

- Typography

Headlines

H1: MONTSERRAT, 45px

H1: MONTSERRAT, 48px

H2: MONTSERRAT, 35px

H2: MONTSERRAT, 36px

H3: MONTSERRAT, 28px

H3: MONTSERRAT, 30px

H4: MONTSERRAT, 24px

H4: MONTSERRAT, 24px

H5: MONTSERRAT, 20px
H5: MONTSERRAT, 20px
H6: MONTSERRAT, 18px
H6: MONTSERRAT, 18px
Body text

B1: MONTSERRAT REGULAR, 16px

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 123456789!?’”+%/=()

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
123456789!?’”+%/=()

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Hyperlinks

Color: gery
Hover: secondary

3

- BUTTONS

Regular Button / Hover Button v1

Size: medium – 15px, 30px, 15px, 30px
Font: MONTSERRAT, 1em
Button Color: secondary
Text Color: primary

Outlined Button v1

Size: medium – 15px, 30px, 15px, 30px
Font: MONTSERRAT, 1em
Button Color: secondary
Text Color: primary
Border: 1px solid secondary

Regular Button / Hover Button v2

Size: medium – 15px, 30px, 15px, 30px
Font: MONTSERRAT, 1em
Button Color: primary
Text Color: secondary

Outlined Button v2

Size: medium – 15px, 30px, 15px, 30px
Font: MONTSERRAT, 1em
Button Color: primary
Text Color: secondary

4

- Spacing

Desktop

Section:

  • margin:
  • padding:

Column: 

  • margin:
  • padding:
  • widget spacing: 20px
Mobile

Section:

  • margin:
  • padding:

Column: 

  • margin:
  • padding:
  • widget spacing: 20px

5

Biztos partner a digitális
transzformációban
Mindegy, hogy a digitális transzformáció elején jársz vagy konkrét célmegoldásokat keresel, az Intalionnál segítünk céged számára kiaknázni a technológia kínálta lehetőségeket.
SZOLGÁLTATÁSAINK
Növeld céged hatékonyságát middleware szoftverintegrációs megoldásokkal
Észszerű folyamatok, gyorsabb, átlátható működés, alacsonyabb költségek. Tudj meg többet middleware szoftverintegrációs megoldásainkról!
ÉRDEKEL
Szerezz piaci előnyt
DevOps megoldásokkal
Ha lemaradsz, kimaradsz: készítsd fel vállalatod a folyamatosan változó piaci kihívásokra. Gördülékeny fejlesztés, megbízható működés, gyors adaptáció: ismerd meg gyakorlatban a DevOps szemléletet!
ÉRDEKEL
Adj teret a fejlődésnek
felhőszolgáltatásokkal
Ne hagyd, hogy az IT infrastruktúrád gátat szabjon az üzleti folyamatoknak. Tudj meg többet személyre szabott, rugalmas felhő- és hibrid megoldásainkról
ÉRDEKEL
Megértjük, megtervezzük,
megcsináljuk:
Egyedi vállalati szoftvermegoldások Kompromisszumok helyett válassz a folyamataidhoz maximálisan illeszkedő IT megoldásokat. Ismerd meg .NET és JAVA alapú egyedi projektjeinket!
ÉRDEKEL