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
transzformációban
DevOps megoldásokkal
felhőszolgáltatásokkal
megcsináljuk: