Corebiz Style Guide

Explore a variety of stylish button designs, Perfect for creating standout call-to-actions.

Brand Identity

Color Palette

Primary Color

900

800

700

600

500

400

300

200

100

Primary Alt Color

900

800

700

600

500

400

300

200

100

Secondary Color

900

800

700

600

500

400

300

200

100

Secondary Alt Color

900

800

700

600

500

400

300

200

100

Necessary

Basic Color

#4BDE80

Green Color

#C872F2

Purple Color

#F7A51E

Orange Color

#FF4141

Red Color

#00234B

Heading Color

#140249

Black Color

#0C0129

Black-2 Color

#838A95

Gray/Body Color

#B6B5BB

Gray-3/Body-2 Color

#FFFFFF

White Color

Visually Inspiring

Gradient Color

5163FF-100% - C872F2-100% FE72BA-100%

Main Gradient

5163FF-100% - FE71B9-100%

Gradient -2

5163FF-100% - FD4382-100%

Gradient -3

FFF5FA-100% - F5F5FF-100%

Gradient light -1

F6F7FF-100% - FFF6F9-100%

Gradient light -2

FE71B9-10% - 5163FF-10%

Gradient Half

Google Font

Typography

Hierarchy

Display01
80 px

Heading - h1

48 px

Heading - h2

40 px

Heading - h3

32 px

Heading - h4

24 px
Heading - h5
22 px
Heading - h6
20 px

Body Text - 1

18 px

Body Text - 2

16 px

Body Text - 3

15 px

Body Text - 4

14 px

Body Text - 5

12 px

Body Text - 6

10 px

B1 - Discover a complete style guide with consistent colors, typography, and components — built to keep your design sleek, modern, and cohesive across every page.”

B2 - Discover a complete style guide with consistent colors, typography, and components — built to keep your design sleek, modern, and cohesive across every page.”

Interface

Tab Style

# Solid
# Isometric
# Isometric With Icons
# Isometric With Icons

Modern & Minimal

List Style

# List wih Dots
  • Research (quantitative & qualitative)
  • Data mining and analysis
  • Insights synthesis & storytelling
  • Cultural & market trends
# List wih Icons
  • Checked Icon Developing Core Applications
  • Checked Icon Focus on your important tasks
  • Checked Icon Unique brand identity & strategy
  • Checked Icon Unique brand identity & strategy

Attractive

Avatar

# Avatar with text
Avatar Image
Rainbow Themes CEO at Corebiz
Avatar Image

Katherine - Patient

4.9
Avatar Image

by Brandon

# Avatar with icons
Avatar Image
Avatar Image

Advanced

Form Elements

Placeholder
Active
Select
Password
Text Area
Checkbox

Radio Button
Toggle Switch

UI-Focused

Border Radius

4px

Radius

8px

Small Radius

10px

Medium Radius

12px

Large Radius

16px

Extra Large Radius

20px

Extra Extra Large Radius

UI-Focused

Shadow

4px

Radius

8px

Radius

8px

Radius

8px

Radius

8px

Radius

8px

Radius

Bootstrap 5

Grid System

Desktop screen grid view image

1920x1080px

Desktop View

Mobile screen grid view image

440x956px

Mobile View