NST Style Guide
Basic design system for Network Security Technologies.
This is where creativity begin.
This is where creativity begin.
H1
F37 Atilla Semibold. Font Size: 122px, Line Height: 0.9
Heading 1
H2
F37 Atilla Semibold. Font Size: 64px, Line Height: 0.9
Heading 2
H3
F37 Atilla Semibold. Font Size: 44px, Line Height: 1
Heading 3
H4
F37 Atilla Semibold. Font Size: 40px, Line Height: 0.9
Heading 4
H5
DM Sans Regular. Font Size: 26px, Line Height: 1
Heading 5
H6
DM Sans Regular. Font Size: 25px, Line Height: 1
Heading 6
SECTION TITLE
DM Sans Regular. Font Size: 15px, Line Height: 1.4
Section Title
SUBHEADING
DM Sans Regular. Font Size: 20px, Line Height: 1.2
Subheading
B1
DM Sans Regular. Font Size: 18px, Line Height: 1.2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
B2
DM Sans Regular. Font Size: 18px, Line Height: 1.2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
B3
DM Sans Regular. Font Size: 14px, Line Height: 1.2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
M1
F37 Atilla Semibold. Font Size: 15px, Line Height: 1.2
NAVIGATION
M2
F37 Atilla Semibold. Font Size: 12px, Line Height: 1.2
LINKS
COLOR
Style Guide for primary, secondary, basic black and white colors.
Signal Yellow
FFECA6
FFDC5E
FFD43B
FFC806
F2BD00
CCA000
382C00
Safe Green
90FFEB
00F3C7
00F3C7
00C6A2
00B997
00725D
001C17
Quanta Deep
1C1C1C
2C2C2C
3C3C3C
5D5D5D
7D7D7D
CECECE
EFEFEF
BUTTON
Style Guide for buttons rounded and buttons with icons
LOGOS
Logo large
Logo medium
Logo icon