Pablo Carvalho Projects

Project 5 — Creativity

BrandKit Studio

Visual projects focused on branding, modern interfaces, and clear communication.

Creativity Design System Figma

About the Project

BrandKit Studio is a collection of visual identities and design systems developed for brands across different segments. Each kit includes a documented color palette, typography with a defined scale, reusable components, and a usage guide — all structured to make implementation easy for any developer or designer on the team.


The designs are created in Figma with extensive use of variables, auto layout, and nested components. The export to code uses CSS Custom Properties aligned with Figma variables, ensuring that design and code are always in sync. Storybook documents each component with interactive examples and varied states.

Tech Stack

Design & Prototyping

Figma
Adobe Illustrator
Design System
Auto Layout

Implementation

CSS Custom Properties
SVG
Design Tokens
Storybook

Typography & Identity

Type Scale
Variable Fonts
Color Theory
Accessibility

Featured Technologies

🎨

Figma

Components with variants and properties, color and typography variables synchronized with CSS.

🎯

Design Tokens

Tokens exported as JSON and automatically converted into CSS Custom Properties and SCSS.

📐

SVG

Optimized and accessible SVG logos and icons, with support for light and dark themes.

📚

Storybook

Interactive documentation of all components with states, variants, and usage code.

← Back to Projects