Revamp your website with us. We are now offering AI-generated code refactoring on existing website revisions, AI chatbot and generative code consultations, and AI generations on new builds.

Color In Code

 | 

Portfolio

Color in Code Portfolio

Use the arrows on screen to navigate between projects.

Jump to a specific category

Web Dev

Design

Case Studies

Marketing & Consulting

Web Development

Use the arrows on screen to navigate between projects.

Project:
Vans Surf
Roles:
Principle Developer
Lang/Lib:
JS/CSS/HTML
/Babel/JSON
Project:
Susa Ventures
Roles:
Principle Developer
Lang/Lib:
Typescript Refactor
React

THIS SUCKS...

YOU'VE REACHED A 404 PAGE, BUT EVEN PRO SKATERS FAIL.

Project:
Vans 404 Page
Roles:
Principle Developer
Video Editor
Lang/Lib:
JS/CSS/HTML

Welcome to the new Vans Surf.

We're doing things are a little differently around here.

This new website represents our dedication to cultural progression through radical experimentation.

A commitment to supporting creative individuals and celebrating the innovators that came before them.

Because we believe that surfing and skating are really just a way of seeing the world, of looking at things differently, and expressing yourself.

We hope you'll be inspired to get out from behind this screen and into the water.

Your friends at Vans.

Project:
Vans Surf
Roles:
Principle Developer
Animator
Lang/Lib:
JS/CSS/HTML

coming soon

This page is currently under consruction.

coming soon

This page is currently under consruction.

coming soon

This page is currently under consruction.

Design

Use the arrows on screen to navigate between projects.

Case Studies

Use the arrows on screen to navigate between projects.

Marketing & Consulting

Use the arrows on screen to navigate between projects.

Languages we have worked with:


                        import React, { useState } from 'react';

                        function Example() {
                        const [count, setCount] = useState(0);

                        return (
                            ...
                        );
                        }
                    

Swapping list items

  • One
  • Two
  • Three

Swapping list items

  • Two
  • One
  • Three

Swapping list items

  • Two
  • Three
  • One

Video background

SLIDE 1

hexagons morphin into sum

SLIDE 2

slide state 2

Project:
Harry Potter x Vans
Roles:
Principle Developer
Editor
Animator
Lang/Lib:
JS/CSS/HTML

SLIDE 3

slide state 3

SLIDE 3

slide hexagon title thing

data-auto-animate-id="a"

A1

data-auto-animate-id="a"

A1

A2

data-auto-animate-id="b"

B1

data-auto-animate-id="b"

B1

B2

Slide 1
Slide 2
Slide 3
Slide 4
A
Slide 1
Slide 2
Slide 3
Slide 4
A
Slide 1
Slide 2
Slide 3
Slide 4
A
Slide 1
Slide 2
Slide 3
Slide 4
A