Brisktech
Style Guide
Brisk Blue
(Primary)
Brisk Green
(Success)
Text Primary
Text Secondary
Primary
Primary Medium
Primary Light
Primary
(Transparent)
Success
Error
Warning
Black
White
Body Color
Card: radius 8px,
Button and Field : 6px
Shadow
Shadow md
Shadow lg
What is Brisktech?
Heading : Roboto Condensed | 48px | Bold
What is Brisktech?
Sub Heading : Roboto Condensed | 36px | Bold
What is Brisktech?
content title : Roboto Condensed | 28px | Bold
What is Brisktech?
Heading two: Cabin | 45px | Regular
What is Brisktech?
Heading three: Cabin | 36px | Regular
What is Brisktech?
Body: Cabin | 24px/36px | Regular
What is Brisktech?
Body Bold: Cabin | 24px/36px | Bold
What is Brisktech?
Label: Cabin | 18px | Regular
What is Brisktech?
Button text: Roboto Condensed | 14px | Bold
What is Brisktech?
Error message: Cabin | 14px | Regular
Primary Button
Button hover
Button Disabled
Secondary Button
Button hover
Button Disabled
What is Brisktech?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pellentesque, mi pulvinar porttitor blandit, ipsum nisl ullamcorper turpis, non auctor nibh justo et nibh. Quisque porta nulla velit, nec accumsan lectus mollis nec. Sed congue neque est.