Burb

Burb — design reference

Source: https://www.burb.co/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Typography

• font-family: Arial,'Helvetica Neue',Helvetica,sans-serif — selector body
• font-family: 'Neue Montreal',sans-serif — selector .nav-link
• font-family: 'Ginto Nord',sans-serif — selector .heading
• font-size: 100px — selector .heading
• font-size: 120px — selector .heading.font160
• font-size: 16px — selector .nav-link, .nav-link.mr48
• font-size: 80px — selector .heading
• font-size: 38px — selector h1
• font-size: 32px — selector h2
• font-size: 24px — selector h3
• font-weight: 700 — selector h1,h2,h3,h4,h5,h6
• font-weight: 900 — selector .heading
• line-height: 110px — selector .heading
• line-height: 100px — selector .heading
• line-height: 44px — selector h1
• line-height: 36px — selector h2
• line-height: 30px — selector h3
• line-height: 20px — selector h5
• line-height: 18px — selector h6

Colors and surfaces

• color: #000000 — selector .joinblock:hover .heading.white, .joinblock:hover .subheading
• color: #ffffff — selector .joinblock:hover .heading .pinktext
• background-color: transparent — selector a
• background-color: #fff — selector body
• background-color: #afd7b3 — selector .buttonfill-small

Components and layout

• border-radius: 112px — selector .buttonfill-small
• border-radius: 50% — selector .btnicon
• border-radius: 128px — selector .button
• border-radius: 130px — selector .button-outline
• border-radius: 30px — selector .paginationbtn
• border-radius: 100px — selector .categories-nav-item
• border-radius: .25rem — selector .ck-button-w
• max-width: 1708px — selector .head-container
• max-width: 1548px — selector .container
• max-width: 1608px — selector .container.pr.max1608
• max-width: 814px — selector .heroimg
• padding: 16px — selector .nav-menu
• padding: 0 — selector button::-moz-focus-inner,input::-moz-focus-inner
• padding: 16px 16px 16px 64px — selector .nav-menu
• padding: 12px 32px 11px — selector .buttonfill-small
• transition: .2s ease-in-out — selector .nav-link
• transition: .3s ease-in-out — selector .heading5.resourceh5
• transition: color .2s cubic-bezier(.25, .46, .45, .94),background-color .2s cubic-bezier(.25, .46, .45, .94) — selector .ck-button-w
• transition: background-color .2s cubic-bezier(.25, .46, .45, .94) — selector .ck-modal\_\_exit-btn

Responsive rules

screen and (min-width: 992px) and (max-width: 1500px) 
screen and (min-width: 992px) and (max-width: 1400px) 
screen and (min-width: 992px) and (max-width: 1280px) 
screen and (min-width: 992px) 
screen and (min-width: 767px) 
screen and (max-width: 767px) 
screen and (min-width: 1921px) 
screen and (min-width: 1166px) and (max-width: 1366px) 
screen and (min-width: 992px) and (max-width: 1199px) 
screen and (min-width: 992px) and (max-width: 1166px) 
screen and (max-width: 1199px) 
screen and (min-width: 992px) and (max-width: 1286px) 
screen and (max-width: 992px) 
screen and (max-width:991px)
screen and (max-width:767px)
screen and (max-width:479px)
(min-width:768px)