무료 디자인 소스를 제공하는 사이트들을 소개합니다.

디자인 소스는 디자이너에게 시간, 비용, 다양성, 일관성, 업데이트 등의 이점을 제공합니다. 디자이너는 미리 만들어진 리소스를 활용하여 시간과 노력을 절약하고 예산 제약을 극복할 수 있으며, 일관된 시각적 언어와 브랜드 아이덴티티를 유지할 수 있습니다

상업적인 목적으로 콘텐츠를 사용하는 경우, 이미지를 상업적인 용도로 수정하여 사용하는 경우, 이미지를 재배포하거나 판매하려는 경우, 각 사이트마다 규정이 다르므로 해당 사이트의 저작권 정보를 반드시 확인해야 합니다.

해당 사이트에 직접 문의하는 것이 가장 정확합니다.

illustration

About freepik

디자인에 필요한 소스를 제공하는 Freepik은 방대한 컬렉션과 양질의 콘텐츠, 간편한 탐색 기능, 고급 필터링 옵션을 제공합니다. 이를 통해 전문적인 표준을 충족하고 디자인의 시각적 매력을 높이는 고품질 콘텐츠를 쉽게 찾을 수 있습니다.

바로가기

Core Beliefs

Lorem ipsum amet adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra magnis nascetur ullam corper.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Our Culture

Lorem ipsum amet adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra magnis nascetur ullam corper.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

The Mission

Lorem ipsum amet adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra magnis nascetur ullam corper.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Identity

Alternate Colors

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Pharetra montes fringilla habitant congue integer condimentum ultricies nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Black
Reverse Blue
Reverse Black

Logomark

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Pharetra montes fringilla habitant congue integer condimentum ultricies nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Primary
Black
Reverse Blue
Reverse Black
Colors

Primary Colors

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Pharetra montes fringilla habitant congue integer condimentum ultricies nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Hex – #3832b8
RGB – 56 50 184
Hex – #2c51f5
RGB – 44 81 245
Hex – #60089c
RGB – 96 8 156
Hex – #111111
RGB – 17 17 17

Shades

#c8c6f0
#a19ee5
#7b76da
#3832b8
#2c2790
#201c68
#131140
#eff2fe
#bec9fc
#8da1fa
#2c51f5
#0b33e3
#0828b3
#061d82
#cd8bf9
#b556f6
#9e21f4
#60089c
#4e077f
#3c0562
#2a0445
#fafafa
#e2e2e2
#aaaaaa
#888888
#444444
#333333
#111111

Website Colors

This site uses a custom GeneratePress Premium Global Colors palette. Edits to the Global Colors settings in the customizer will change all instances of each color on the website. Add additional colors or remove as needed.

text
text-link
text-link-hover
text-lite
text-lite-hover
headline
headline-hover
button
button-hover
background-body
background-dark
background-lite
primary-accent
secondary-accent
white

Gradients

Blue Gradient – Linear 140deg, #3832b8, #2c51f5
Purple Gradient – Linear 140deg, #60089c, #3832b8
Typography

Typeface

Brand’s typeface is Inter by Rasmus Andersson. The following weights are used:

Inter Regular – 400

Inter Medium – 500

Inter Semi Bold – 600

Inter Bold – 700

Headings

Small Div Headline (div.gb-headline) | Inter | 600 | 15px | Color (headline)
Focusing on the past or future mindlessly is a waste of time.
Caps Div Headline (div.gb-headline) | Inter | 600 | 15px | Color (primary-accent) | Uppercase | Letter Spacing .1em
focusing on the past or future mindlessly is a waste of time
H1 | Inter | 700 | Desktop & Tablet 40px | Mobile 36px | Line Height 1.2em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

H2 | Inter | 700 | Desktop & Tablet 30px | Mobile 26px | Line Height 1.3em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

H3 | Inter | 600 | Desktop & Tablet 24px | Mobile 22px | Line Height 1.4em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

H4 | Inter | 600 | Desktop & Tablet 20px | Mobile 18px | Line Height 1.5em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

Text & Quotes

Body Text | Inter | 400 | 18px | Line Height 1.6em | Color (text)

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra nibh nascetur ullam corper. Amet pharetra torquent adipiscing auctor tortor ultrices nibh imperdiet lobortis metus convallis. Felis velit sagittis natoque tellus inceptos semper taciti volutpat felis velit sagittis.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim massa adipiscing integer conubia. Lobortis massa ante velit nostra vulputate metus nullam auctor.

Quotes | Inter | 500 | 20px | Line Height 1.6em | Color (text-lite) | Left Margin 40px | Border 8px (background-lite)

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra nibh nascetur ullam corper. Amet pharetra torquent adipiscing auctor tortor ultrices nibh imperdiet lobortis metus convallis.

Components

Buttons

Inter | 600 | 18px | Color (button) | Padding 12px 22px | Border 6px
Primary Button Secondary Button
Inter | 600 | 18px | Color (button) | Uppercase | Letter Spacing .1em
Text & Icon Link

Icons

Bootstrap Icons SVG HTML | 40px | Color (secondary-accent)

Social Buttons

Bootstrap Icons SVG HTML | 24px | Color (button)

Accents

Headline Block SVG HTML | 120px | Color (secondary-accent)
Images

Photos

Social Media

Profile Images

Logomark should be 50% of the image size

Banner Images

Twitter 1500 x 500 | Facebook 851 x 315 | LinkedIn 1128 x 191
Blue Gradient Overlay – Image Opacity 20%
Purple Gradient Overlay – Image Opacity 20%