Styling Elements

Styling Elements

We create brick strong UX and elegant interfaces for your MVPs or redesign your existing product for a superior experience.

Pro Tips

Scroll Down

SHARE

New This Month

This quality update brings canvas and layer panel improvements. We've updated the Component symbol throughout the app to differentiate it from Grids. Plus, we've made Primary Breakpoints and Variants more distinct in the left panel, making it easier to see if you're editing the primary or an instance. Breakpoints will now also show the ranges in the layer panel. See more updates below.

From January

Last month, we added support for automatic tinting and new layout options for components, plus a whole lot of fixes and improvements. If you give your Page a Fill color, this will now also tint browsers like Safari and will ensure you don't get plain white backgrounds when overscrolling on any mobile device. Plus, we've added support for Min Max sizing to all Smart and Code components, greatly simplifying many common layouts and patterns. See the full changelog below.

  • We automatically set the body background, based on your Page's fill color

  • You can now override the body background and customize per breakpoint

  • We now support Min Max sizing for all Smart and Code Component

  • We now consistently show the Min Max hint within the property panel

  • You can now use all alignment options for layers with Position set to Fixed

  • We now inform you if a parent layer height changes due to layout edits

  • We improved the Radius and Padding controls, no longer resetting values

  • Number inputs split in four no longer show steppers, so longer values fit

  • We improved Appear Effects using Scale with Spring transitions

Have a project in your mind?

Let’s get in touch.

Have a project in your mind?

Let’s get in touch.

Have a project in your mind? Let’s get in touch.

Book a Call

Bruno Moon

Lead Designer

Table of Content

  1. What is the process to design a website that impresses?

  1. 8 main steps to design a really good website

  1. Top Methodology of how to design

  1. Best practices to design a website that provides value

  1. Best practices to design a website that provides value

20 mins read

Let’s build something that scales! Together.

Book a Call

Dashboard

B

Still skeptical?

Stats till date

This Year

Completed Projects

23

Avg Turn Around Time

<24 Hrs

Industries

11

Team Size

8

Worked with SaaS Backed by

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

The word on the internet:

"Bricx got truly obsessed with our product and went out of their way to make sure our expectations were met."

Priyanshu Tanwar

Head of Product @Upsurge Labs

Acquire more

users

Expand your

design team

Reduce support

tickets

Launch your

product fast

Boost your

customer activation

So much value at such a flexible price

Dashboard

B

Still skeptical?

Stats till date

This Year

Completed Projects

23

Avg Turn Around Time

<24 Hrs

Industries

11

Team Size

8

Worked with SaaS Backed by

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

The word on the internet:

"Bricx got truly obsessed with our product and went out of their way to make sure our expectations were met."

Priyanshu Tanwar

Head of Product @Upsurge Labs

Dashboard

B

Still skeptical?

Stats till date

This Year

Completed Projects

23

Avg Turn Around Time

<24 Hrs

Industries

11

Team Size

8

Worked with SaaS Backed by

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

The word on the internet:

"Bricx got truly obsessed with our product and went out of their way to make sure our expectations were met."

Priyanshu Tanwar

Head of Product @Upsurge Labs

Dashboard

B

Still skeptical?

Stats till date

This Year

Completed Projects

23

Avg Turn Around Time

<24 Hrs

Industries

11

Team Size

8

Worked with SaaS Backed by

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

What our clients are saying

"Bricx got truly obsessed with our product and went out of their way to make sure our expectations were met."

Priyanshu Tanwar

Head of Product @Upsurge Labs

Acquire more

users

Expand your

design team

Reduce support

tickets

Launch your

product fast

Boost your

customer activation

So much value at such a flexible price

Reduce support

tickets

Launch your

product fast

Boost your

customer activation

So much value at such a flexible price