Back to all work
    ProductDesign

    Shapeshifter

    A free brand color palette generator by Socialocca. Describe your brand and get a palette built from color theory, with harmony wheels, perceptual lightness, and contrast checks, color-blindness previews, and CSS export. No sign-up.

    Shapeshifter website screenshot
    // project dna

    Project DNA

    What this build is made of

    Live
    Site Type

    Design Tool

    Build Focus

    Palette Generation / Accessibility Checks / CSS Export / Responsive UX

    What We Built

    UX/UI / Frontend / Responsive Build / App Logic

    Standout Feature

    Palettes from real color theory, not a model guessing

    Palette GenerationAccessibility ChecksCSS ExportResponsive UXUX/UIFrontendResponsive BuildApp Logic
    // the challenge

    The Challenge

    Shapeshifter needed a modern, custom-coded web presence that could grow with the business and stand apart from template-built competitors.

    // our approach

    Our Approach

    We designed and developed a fully custom site using our production-grade stack, focusing on performance, responsive design, and clear user flows.

    // tech stack

    Technology Used

    ReactTypeScriptTailwind CSSVite
    // results

    Key Results

    • Fast, lightweight site with optimized performance
    • Fully responsive across all devices
    • Easy to maintain and evolve over time

    Ready to build something like this?

    Every project starts with a conversation about your goals.