Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Quick Add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Variant swatches
      • Fixed buy buttons
      • Replacing “Add to cart”
      • Dynamic variant images
      • Variant filtering
      • Disabling Quick add
      • Customizing Filters
      • Gift cards
      • Quantity picker
      • Subscription options
      • Sibling products
      • Bundled products
      • Custom fields
      • Content drawers
  • Collections
    • Adding Tag Filtering
    • Adding Nested Menu
    • Collection Blocks
  • Sitewide
    • Using device specific visibility
    • Dynamic discount popups
    • Creating a Mapbox API key
    • Designing your menu
    • Migrating custom changes
    • Blog template
    • Search results
  • Sections
  • Sitewide
    • Header
    • Cart drawer
    • Custom liquid
  • Navigation
    • Navigation slider
  • Content and Media
    • Slideshow
    • Collage
    • Video
    • Alternative banner
    • Banner
    • Collapsible content
    • Blog posts grid
    • Icon grid
    • Discount banner
    • Rich text
    • Logo list
    • Slider
    • Testimonials
    • Countdown
    • Image comparison
    • Image hotspot
  • Products and Collections
    • Featured product
    • Featured collection grid
    • Featured collection slider
    • Collection list grid
    • Alternative collection grid
    • Comparison table
    • Recently viewed
    • Collection list slider
  • Forms
    • Email sign-up
    • Contact form
    • Store locator
  • General
    • Changelog
      • v8.0.2
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
LogoLogo

Try a theme

  • Paper
  • Space
  • Keystone

Resources

  • Get theme support
  • Services
  • Contact
On this page
  • Design tips
  • Border settings

Was this helpful?

Edit on GitHub
  1. Getting started
  2. Theme settings

Borders

Border styling helps define your brand’s visual tone. Choose between rounded edges for a friendly, approachable look or sharp corners for a modern, bold aesthetic.

Design tips

1

Use consistent radius values (e.g., all 5px) for a harmonious look

2

Combine sharp elements (0px) with some rounded components for visual interest

3

Thicker borders (2px+) work well for high-contrast designs

4

Borderless (0px width) creates a minimalist aesthetic

Border settings

1

Border Radius: Controls the corner rounding for different elements:

  • Button Radius: Adjusts corner curvature for all buttons (0px = sharp, higher values = more rounded)

  • Input Radius: Sets rounding for form fields (5px recommended for friendly but clean look)

  • Element Radius: Controls corner rounding for content sections (0px = sharp edges for modern layouts)

2

Border Width: Determines the thickness of border lines:

  • Button Width: 1px standard (thicker for emphasis, 0px for borderless)

  • Input Width: 1px recommended for clean form fields

  • Element Width: 1px standard for subtle framing of sections

Last updated 1 month ago

Was this helpful?