Sivir UI
Studio 64

Sivir themes.

Explore a complete theme preset, apply it live, and copy CSS or JSON into your project.

5 themes available

  • Default

    Sivir default — a calm, warm-neutral interface system.

    Brand: #1e78e6
    Neutral: warm
    Radius: default
    Motion: default
    Fonts: 'Inter', sans-serif

  • Magic

    Compact warm-neutral system with an indigo accent and flat chrome.

    Brand: #1e42e6
    Neutral: warm
    Radius: default
    Motion: subtle
    Fonts: 'Inter', sans-serif

  • Bitsy

    Comfortable rounded system with a graphite accent and flat stroked chrome.

    Brand: #5a5c63
    Neutral: warm
    Radius: rounded
    Motion: expressive
    Fonts: 'DM Sans', sans-serif

  • Open

    Calm warm-neutral system with a graphite accent, Geist type, and flat controls.

    Brand: #333333
    Neutral: warm
    Radius: rounded
    Motion: subtle
    Fonts: 'Geist', sans-serif

  • Functional

    Sivir default — a calm, warm-neutral interface system.

    Brand: #0088ff
    Neutral: warm
    Radius: rounded
    Motion: subtle
    Fonts: 'Inter', sans-serif