<div id="top-nav" style="display: flex; justify-content: space-between; align-items: center; gap: 24px; position: fixed; top: 0; width: 100%; height: 60px; padding: 10px 20px; background-color: rgba(0, 59, 223, 1); z-index: 9999; transition: background-color 0.3s;">
    <div id="logo" style="display: flex; align-items: center;">
        <img src="https://book-end.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F9c04a7c7-639d-4c6d-b635-adeef59b00a5%2F5028c55d-57f6-409c-a1d5-07bfc7d529c8%2Fkr-dictionary-dgodwonchan-sellingpoint-02-removebg-preview.png?table=block&id=12084651-e756-8059-833b-cc245b96f6ea&spaceId=9c04a7c7-639d-4c6d-b635-adeef59b00a5&width=890&userId=&cache=v2" alt="Site Logo" style="height: 24px;">  

    </div>
    <div id="sns-buttons" style="display: flex; gap: 16px;">
        <a href="https://www.instagram.com/dgodwonchan/" target="_blank" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Instagram_icon.png/1200px-Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px; border-radius: 50%; object-fit: cover;">
        </a>
        <a href="https://www.youtube.com/@wonchan" target="_blank" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;">
            <img src="https://upload.wikimedia.org/wikipedia/commons/e/ef/Youtube_logo.png" alt="YouTube" style="width: 24px; height: 24px; border-radius: 50%; object-fit: cover;">
        </a>
        <a href="https://www.threads.net/@dgodwonchan" target="_blank" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;">
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRmOQT83dtIlgCmJiM8X08gAFfHSDkuxBXA1Q&s" alt="Threads" style="width: 24px; height: 24px; border-radius: 50%; object-fit: cover;">
        </a>
        <a href="https://cafe.naver.com/dgod.cafe?" target="_blank" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;">
            <img src="https://play-lh.googleusercontent.com/8kKzBbEiaWoYRGFUmWUINDnEs8fkV9YSjy-JnzRejx-6Jw0K_cPTAMKqeZRVuDv44Qw=w600-h300-pc0xffffff-pd" alt="Naver Cafe" style="width: 24px; height: 24px; border-radius: 50%; object-fit: cover;">
        </a>
    </div>
</div>

<a href="https://book-end.shop/product/%EB%8C%80%ED%95%9C%EB%AF%BC%EA%B5%AD%EC%97%90%EC%84%9C-%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88%EB%A1%9C-%EC%82%B4%EA%B8%B0-%EC%82%AC%EC%88%98%EB%8A%94-%EC%95%8C%EB%A0%A4%EC%A3%BC%EC%A7%80-%EC%95%8A%EB%8A%94-%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88-%EC%83%9D%EC%A1%B4%EB%B2%95/25/category/53/display/1/" 
   class="cta-button" 
   target="_blank">📘 대한민국에서 디자이너로 살기 </a>

<script>
    window.addEventListener('scroll', function() {
        var topNav = document.getElementById('top-nav');
        if (window.scrollY > 0) {
            topNav.style.backgroundColor = 'rgba(0, 59, 223, 0.4)';
        } else {
            topNav.style.backgroundColor = 'rgba(0, 59, 223, 1)';
        }
    });
</script>


목업	Mock up
1	Creatoom	https://creatoom.com/
2	Mockups-design	https://mockups-design.com/
3	Unblast	https://unblast.com/
4	Shots	https://shots.so/
5	Vexus Digital	https://vexus.digital/
6	Motion Array	https://motionarray.com/
7	Craftwork	https://craftwork.design/
8	Placeit	https://placeit.net/

이미지	Stock Image
1	Unsplash	https://unsplash.com/
2	Freepik	https://www.freepik.com/
3	Pixbay	https://pixabay.com/

폰트	Font
1	Lost Type	https://www.losttype.com/
2	Freefaces	https://freefaces.gallery/
3	Font Squirrel	https://www.fontsquirrel.com/
4	Google Fonts	https://fonts.google.com/
5	Fontesk	https://fontesk.com/
6	Dafont	https://www.dafont.com/
7	눈누	https://noonnu.cc/

타이포그래피	Typography
1	Fonts In Use	https://fontsinuse.com/
2	Typewolf	https://www.typewolf.com/

부티크 서체 회사	Boutique Typefoundry
1	Colophon-foundry	https://www.colophon-foundry.org/typefaces
2	Commercial Type	https://commercialtype.com/
3	Klim Type Foundry	https://klim.co.nz/retail-fonts/
4	PangramPangram	https://pangrampangram.com/
5	Grilli Type	https://www.grillitype.com/

컬러	Colour
1	Stylifyme	stylifyme.com
2	Coolors	coolors.co
3	Colourlovers	colourlovers.com
4	uigradients	uigradients.com
5	Adobe Color	color.adobe.com
6	Paletton	paletton.com

일러스트	Illustration
1	DrawKit	https://www.drawkit.com/
2	icons8	https://icons8.com/illustrations
3	blush	https://blush.design/
4	unDraw	https://undraw.co/illustrations
5	Open Peeps	https://openpeeps.com/
6	Ira Design	https://iradesign.io/

유튜브	Youtube
1	존코바	https://youtube.com/@JohnKOBADesign
2	마디아	https://www.youtube.com/@UXUIDesign
3	디고디원찬	디고디원찬 dgodwonchan design - YouTube

강의/소식/인사이트	인스타그램	Instagram
1	디고디원찬	dgodwonchan
2	에이핫 AHOT	ahot_jay
3	MELR멜	happymelmelr
4	지브인	brand.gbin
5	우현수 woo hyunsoo	woohyunsoo
6	브만남	brandmakerman
7	경험덕후 박경덕	pkdnote
8	봄디	bomde_sign
9	복길씨 김여진	design_boc
10	디자이너 지인	designer_jiin
11	AI디자이너 아인	ai_design_ain
12	제이든	jdnself
13	미들마일	middle_mile_
14	누끼토끼	nookitokki
15	디자인 올인원	design_all_in_one
16	디자인 개그 클럽	design.gag.club
17	편집디자인 고디자인스튜디오	godesign.studio

마케팅/트렌드	인스타그램	Instagram
1	디자인나침반	designcompass
2	비크닉	bicnic_letter
3	풋풋레터	putput.letter
4	1%CLUB	1club.kr
5	보통마케터	solution.kim
6	텔유어월드	tell_yourworld_
7	hansol wi	wi_see_list

툴	인스타그램	Instagram
1	Zander Whitehurst	zanderwhitehurst
2	Callum McHugh	callumscreativeclub
3	andrey azizov	andreyazizov
4	Jack Chitty	chittco
5	UI Gradient	ui_gradient
6	Robert McCombe	robert.mccombe
7	Miracle Andrian	miracleandrian
8	Sami A creative	sami.a.creative
9	SORO	sorographics
10	Tommaso Baldi	designby.tb
11	Mj	graphicstation1
12	Logo Brainy Circle	logobrainy
13	Cj Cawley	cj.cawley.design
14	Robert Matyas	panter.vision
15	디자인 편집샵	beyondbetterbrand
16	성문	todomoon_
17	피그마튜터	figma_tutor
18	위시 윌리	wish.willie
19	피피티 스튜디오	ppt_studiooo
20	폴더밍	folderming
21	라이언오슬링	ryan_ohsling

일러스트/인스타툰	인스타그램	Instagram
1	찌드로잉	zzi_drawing
2	이응삼이	2032_illust
3	달D	dal_chive
4	채채	che_che_13
5	빨간고래	redwhale
6	제이노트	_j.note

디고디원찬의 Designer’s All-in-One Resources