Overview

Introduction

This is the Pattern Library for BDP

Branding

Colors
Black #000
White #fff
Blue #206BFF
Sky #39DFC3
Teal #39DFC3
Light Sky #B7F0FF
Light Teal #A5FEEF
Mauve #BE52BE
Lime #A8E571
Midnight #005176

Typography

Extra Large Title

Extra Large Title Sans


                            

Extra Large Title Sans

Large Title

Large Title


                            

Large Title

Medium Title

Medium Title


                            

Medium Title

Extra Small Title

Small Title


                            

Small Title

Large Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


                            

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Small Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


                            

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Primary Button

                            
{% import "/macros/link.html" as link %}

{{
  link.primaryButton({data})
}}


                          
Secondary Button

                            
{% import "/macros/link.html" as link %}

{{
  link.secondaryButton({data})
}}


                          

                            
{% import "/macros/link.html" as link %}

{{
  link.text({data})
}}


                          
Breadcrumbs

                            
{% import "/macros/breadcrumb.html" as bc %}

{{
  bc.render(page)
}}