### Typography

The different text sizes used throughout the site.

##### H1

# This is a heading.

##### H2

## This is a heading.

##### H3

### This is a heading.

##### H4

#### This is a heading.

##### H5

##### This is a heading.

##### H6

###### This is a heading.

##### Large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

##### Medium Paragraph

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.

##### Paragraph

##### Small Paragraph

##### Quote

> 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.

##### List

- Heading line height is fixed
- All buttons now have tooltips
- Spell checker number issue fixed

##### Link

[More about Webflow](https://www.nikolaibain.com/)

##### Figure with caption

An image with caption

### Rich Text

### I'm a New York based Illustrator.

Hi, I'm Macey Harris. I work with a variety of consumer facing brands from around the world to help them produce better campaigns and speak to their customers better.

> I've won 12 Top Design Awards and 3 Best Awwwards for my work. If you want to find out more about me and what I can do for you, [contact me here](/content/contact/index.html).

#### Latest press

- Adobe Design Achievement
- Brand New
- Communication Arts

[More about Webflow](http://www.nikolaibain.com/)

An image with caption

### Colors

The different weights of greys and colors used throughout the website.

### Buttons

The different button styles used across the website.

##### Primary

[Get in touch](/content/admin/style-guide#/index.html)

##### Yellow

[Get in touch](/content/admin/style-guide#/index.html)

##### Grey

[Cancel](/content/admin/style-guide#/index.html)

##### Outline

[Get in touch](/content/admin/style-guide#/index.html)

##### Minimal

[Learn more](/content/admin/style-guide#/index.html)

##### Disabled

[Not available](/content/admin/style-guide#/index.html)

### Columns

The 12 column grid system to make it easy to align sections across different screen sizes.

##### 1 Col

##### 2 Col

##### 3 Col

##### 4 Col

##### 5 Col

##### 6 Col

##### 7 Col

##### 8 Col

##### 9 Col

##### 10 Col

##### 11 Col

### Grids

Different grid layouts to use across your site

##### 4 Grid

##### 3 Grid

##### 2 Grid

##### 2-1 Grid

##### 1-2 Grid

### Spacers

Spacer elements using the 8-pt grid to give sections more room to breathe.

##### 16 px

##### 24 px

##### 32 px

##### 48 PX

##### 64 PX

##### 80 PX

##### 96 PX

##### 128 PX

### Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

**Name**

**Category**  Select one...

- Frontend Developer
- Backend Developer
- Mobile Developer
- Other

**Message**

I'm a radio button

I'm a checkbox

## The challenges we solve_

## At Build Circle, we apply a product-led approach to technical consulting to reduce overall costs and effort through engineering excellence, productivity and AI implementation.

[Find out how we can help](/content/what-we-do/index.html)

## Challenges we solve to reduce waste and drive business value across your organization.

## • Speeding up product delivery and removing roadblocks  
## • Generative AI integration  
## • Building scalable AI platforms to improve customer experiences  
## • Improving product quality and key performance metrics  
## • Removing unnecessary steps and reliance (DevOps)  
## • Implementing data and AI-powered solutions for business efficiency  
## • Enhancing developer experience (DevEx)  
## • Aligning strategies for testing, data, and product strategy  
## • Reviewing and planning tech strategies and architecture for future growth