Creade

Components

They provide consistency, efficiency, and scalability by standardizing how common elements are designed and reused across digital and print experiences. Following these guidelines ensures every touchpoint feels cohesive, predictable, and aligned with the brand identity.

Buttons

They should be clear, prominent, and easy to recognize at a glance. Correct use of, shapes, spacing, typography and colors are key to ensure the consistency across the brand visual identity.

Large

Button

Medium

Button

Small

Button

Plain

Button

Border & Radius

Rounded

Borders and corner radii define the visual character and structure of components. Consistent application of these properties creates a cohesive and recognizable interface style.

Structure

Built on a 100% Squircle effect plus with a 50% of Radius

Details

A fine line of 1px is always added to improve the detail

Spacing

Always keep a min of 20px in space to keep consistency

Badges

Rounded

They provide quick visual cues without distracting from the main content. Compact and informative, they should complement the layout while keeping strong contrast and readability.

Primary
Light / Dark

Badge

Secondary
Light / Dark

Badge

Grayscale
Light / Dark

Badge

Outline
Light / Dark

Badge

Components

They provide consistency, efficiency, and scalability by standardizing how common elements are designed and reused across digital and print experiences. Following these guidelines ensures every touchpoint feels cohesive, predictable, and aligned with the brand identity.

Buttons

They should be clear, prominent, and easy to recognize at a glance. Correct use of, shapes, spacing, typography and colors are key to ensure the consistency across the brand visual identity.

Large

Button

Medium

Button

Small

Button

Plain

Button

Border & Radius

Rounded

Borders and corner radii define the visual character and structure of components. Consistent application of these properties creates a cohesive and recognizable interface style.

Structure

Built on a 100% Squircle effect plus with a 50% of Radius

Details

A fine line of 1px is always added to improve the detail

Spacing

Always keep a min of 20px in space to keep consistency

Badges

Rounded

They provide quick visual cues without distracting from the main content. Compact and informative, they should complement the layout while keeping strong contrast and readability.

Primary
Light / Dark

Badge

Secondary
Light / Dark

Badge

Grayscale
Light / Dark

Badge

Outline
Light / Dark

Badge

Components

They provide consistency, efficiency, and scalability by standardizing how common elements are designed and reused across digital and print experiences. Following these guidelines ensures every touchpoint feels cohesive, predictable, and aligned with the brand identity.

Buttons

They should be clear, prominent, and easy to recognize at a glance. Correct use of, shapes, spacing, typography and colors are key to ensure the consistency across the brand visual identity.

Large

Button

Medium

Button

Small

Button

Plain

Button

Border & Radius

Rounded

Borders and corner radii define the visual character and structure of components. Consistent application of these properties creates a cohesive and recognizable interface style.

Structure

Built on a 100% Squircle effect plus with a 50% of Radius

Details

A fine line of 1px is always added to improve the detail

Spacing

Always keep a min of 20px in space to keep consistency

Badges

Rounded

They provide quick visual cues without distracting from the main content. Compact and informative, they should complement the layout while keeping strong contrast and readability.