How to get started real quick with Headspin

Tony Nguyen
October 1, 2024

As Headspin offers CSS variables, you can use it in many ways. So far this is my favorite and fastest way how to get started.

  1. install and set colors I need in Copilot plugin
  2. sync colors so they will appear in Breakdance palette
  3. set font weights for text, headings via Global settings (BD)
  4. set font family via Global settings

-> start building website. In case I need some repetitive styles -> I will use presets and apply headspin css variables (e.g. –hfs-h3).

If I feel like the font sizes and spacings are too small -> I will go to Copilot plugin dashboard and change the ratio there.

Works in 95% cases, I am building mostly simple sites.

    Headspin Logo
    1.2.3
    Built with
    Breakdance
    and
    Headspinui
    @ 2024 HeadspinUI. All rights reserved.