CINXE.COM
DANIEL LEPIK
<!DOCTYPE html> <html> <head> <title>DANIEL LEPIK</title> <meta name="description" content="Portfolio of Daniel Lepik - Freelance 3D artist" /> <meta name="google-site-verification" content="gnExvPb8xs_T8VOUaFKHGtRdXCQn9vVIutSsJSZuGGk" /> <link rel="icon" type="image/png" href="https://carbon-media.accelerator.net/0000000kLxE/idscBRUehdKeRQyq9FyqS7;32x32.png" sizes="32x32" /> <style id="root-styles"> :root { --color: #fff; --accent-color: #fff; --link-color: #fff; --surface-color: rgba(0, 0, 0, 0); --background-color: #e0e0e0; --grid-width: 1100px; --default-color: #fff; --default-accent-color: #fff; --default-link-color: #fff; --font-family: Roboto; --secondary-font-family: Open Sans; } </style> <style id="global-styles"> .g-1-143-1 { --font-size: 2.8em; font-size: 2.8em; letter-spacing: -0.01em; line-height: 1.37; } .g-1-125-1 { font-family: Montserrat; --secondary-font-family: Montserrat; --font-size: 13.6em; font-size: 13.6em; letter-spacing: -0.07em; line-height: 1.5em; } </style> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/all.css" /> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/vendor/swiper.css" /> <link rel="stylesheet" href="/styles/fonts.css"/> <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.19/styles/navs/four-corners.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"/> </head> <body class="site desktop four-corners" data-min-contrast="0"> <div class="page loading" style="background:#e0e0e0;--background-color:#e0e0e0;"> <span id="navigation_4949314_4809809" class="navigation surface four-corners sticky " on-insert="nav:setup"> <nav class="navigation fixed" style="--link-color:#ffffff;font-size:4em;"> <div class="tl"><a href="/"><span>WORK</span></a></div> <div class="tr"><a href="/about"><span>CONNECT</span></a></div> <div class="bl"><a href="http://instagram.com/lepikdaniel" target="_blank"><span>INSTAGRAM</span></a></div> <div class="br"><a href="https://twitter.com/lepikdaniel" target="_blank"><span>TWITTER</span></a></div> </nav> <header class="sticky"> <a href="/"> <h1 class="logo_39337205" style="color:#000000;font-size:2.99em;font-family:Oswald;" data-box="4x4">DANIEL LEPIK</h1> <style> h1.logo_39337205 { --scale: 0.2; width: calc(4px * var(--scale)); height: calc(4px * var(--scale)); background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000kLxE/8IkQm6kTqPTfWcSoOW10Bs;0x0.png?auto=webp'); text-indent: -500vw; white-space: nowrap; overflow: hidden; background-image: image-set(url('https://carbon-media.accelerator.net/0000000kLxE/8IkQm6kTqPTfWcSoOW10Bs;0x0.png?auto=webp') 1x, url('https://carbon-media.accelerator.net/0000000kLxE/8IkQm6kTqPTfWcSoOW10Bs;0x0.png?auto=webp') 2x);; }</style> </a> </header> <div class="hamburger navIcon" on-click="nav:toggle"> <svg class="icon" viewBox="0 0 28 28"> <g stroke-width="2" stroke-linecap="round" stroke-miterlimit="10"> <line class="one" x1="4" y1="6" x2="24" y2="6"></line> <line class="two" x1="4" y1="14" x2="24" y2="14"></line> <line class="three" x1="4" y1="22" x2="24" y2="22"></line> </g> </svg> </div> </span> <div class="guts"> <div class="content blocks grid animated"> <div class="block portfolio thumbs block_000000004b0042850000000000000004 block align-x-center align-y-center fluid animated" style="--thumb-hover-overlay-color:#000000;--thumb-hover-overlay-opacity:0.25;--padding-top:23px;--padding-bottom:18px;" on-insert="block:setup"> <style> </style> <div class="content text-inside"> <style> #grid_0000000kLxE00000000004::before { content: ''; width: 0; padding-bottom: 100%; grid-row: 1 / 1; grid-column: 1 / 1; } #grid_0000000kLxE00000000004 carbon-item { display: block; } </style> <carbon-grid id="grid_0000000kLxE00000000004" style="--gap-x:40px;--gap-y:40px;display:grid;width:100%;grid-gap:var(--gap-x, 0px) var(--gap-y, 0px);grid-auto-columns:1fr;"> <carbon-item class="floating" style="grid-area:3 / 1 / 10 / 6"> <a class="thumb_0000000kLxE000000000j3 thumb box" style="aspect-ratio:5/7" href="/onshore"> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000kLxE/hkAIILpN3gJd0TOznQEdvX;crop(891,0,2057,2880)/1740x2436.png?auto=webp 2x" media="(min-width:870px)"/> <img src="https://carbon-media.accelerator.net/0000000kLxE/hkAIILpN3gJd0TOznQEdvX;crop(891,0,2057,2880)/870x1218.png?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>onshore.</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:1 / 7 / 8 / 12"> <a class="thumb_0000000kLxE000000000kt thumb box" style="aspect-ratio:5/7" href="/offshore-collection"> <video width="870" height="1218" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000kLxE/3eAYud72yDicxErvuTFRy0;video/870x1218-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <div class="overlay"></div> <div class="content text"> <h3>Offshore Collection // coming soon.</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:9 / 7 / 16 / 12"> <a class="thumb_0000000kLxE000000000gC thumb box" style="aspect-ratio:5/7" href="/diverge"> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000kLxE/iTaeirq6A8XdRS3FylgBAn;crop(116,0,1928,2700)/1740x2436.png?auto=webp 2x" media="(min-width:870px)"/> <img src="https://carbon-media.accelerator.net/0000000kLxE/iTaeirq6A8XdRS3FylgBAn;crop(116,0,1928,2700)/870x1218.png?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>diverge.</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:11 / 1 / 18 / 6"> <a class="thumb_0000000kLxE000000000f3 thumb box" style="aspect-ratio:5/7" href="/sencie"> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000kLxE/jvI0GzqTpIKfx8PG2GncM6;crop(759,0,1285,1800)/1740x2436.png?auto=webp 2x" media="(min-width:870px)"/> <img src="https://carbon-media.accelerator.net/0000000kLxE/jvI0GzqTpIKfx8PG2GncM6;crop(759,0,1285,1800)/870x1218.png?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>Sencie</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:19 / 1 / 26 / 6"> <a class="thumb_0000000kLxE000000000aE thumb box" style="aspect-ratio:5/7" href="/mono"> <video width="870" height="1218" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000kLxE/839KrUJytq4g0EGSCegiXS;video/870x1218-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <div class="overlay"></div> <div class="content text"> <h3>MONO</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:17 / 7 / 24 / 12"> <a class="thumb_0000000kLxE0000000008x thumb box" style="aspect-ratio:5/7" href="/dawn"> <video width="870" height="1218" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000kLxE/dRfHjO8F2xbecWXE3tDZYN;video/870x1218-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <div class="overlay"></div> <div class="content text"> <h3>DAWN</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:25 / 7 / 32 / 12"> <a class="thumb_0000000kLxE000000000bE thumb box" style="aspect-ratio:5/7" href="/dusk"> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <picture> <source srcset="https://carbon-media.accelerator.net/0000000kLxE/baWSyd1xRXXdxPtsfCxJEM;crop(0,390,1536,2150)/1536x2150.png?auto=webp 2x" media="(min-width:870px)"/> <img src="https://carbon-media.accelerator.net/0000000kLxE/baWSyd1xRXXdxPtsfCxJEM;crop(0,390,1536,2150)/870x1218.png?auto=webp"/> </picture> <div class="overlay"></div> <div class="content text"> <h3>DUSK</h3> </div> </a> </carbon-item> <carbon-item class="floating" style="grid-area:27 / 1 / 34 / 6"> <a class="thumb_0000000kLxE000000000bY thumb box" style="aspect-ratio:5/7" href="/aura"> <video width="870" height="1218" loop autoplay muted playsinline lazy> <source src="https://carbon-media.accelerator.net/0000000kLxE/9ur6P1RiU0bcVod76HIY1v;video/870x1218-c.mp4"/> </video> <svg class="placeholder" viewbox="0 0 870 1218"></svg> <div class="overlay"></div> <div class="content text"> <h3>AURA</h3> </div> </a> </carbon-item> </carbon-grid> </div> </div> </div> <div class="project-nav surface"> </div> <footer class="surface has-links has-branding"> <div class="content"> <div class="copyright">漏 DANIEL LEPIK</div> <a href="https://carbonmade.com/?campaign=c4" target="_blank" class="branding"> <span class="icon"></span> </a> <div class="links"> <a style="--accent-color:#517fa4" target="_blank" href="https://www.instagram.com/lepikdaniel" class="social icon instagram solid circle"></a> <a style="--accent-color:#ea4c89" target="_blank" href="https://dribbble.com/lepikdaniel" class="social icon dribbble solid circle"></a> <a style="--accent-color:#1da1f2" target="_blank" href="https://twitter.com/lepikdaniel" class="social icon twitter solid circle"></a> <a style="--accent-color:#0056ff" target="_blank" href="https://www.behance.net/lepikdaniel" class="social icon behance solid circle"></a> </div> </div> </footer> </div> </div> <script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script> <script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script> <script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script> <script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/vendor/anime.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/vendor/swiper.js" crossorigin></script> <script src="https://static.cmcdn.net/libs/cursor/0.6.3/cursor.js" integrity="sha256-K3IY3QiVV2UvpT+BaPTD2YjNCx5nT5LLJvNqGQ3L3Is=" crossorigin></script> <script src="https://static.cmcdn.net/libs/lightbox/0.23.0/lightbox.js" integrity="sha256-t/UfAWPAS6cjMlcR5oslHiY3cL3IVuUpW/ceuFKBZC4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script> <script src="https://static.cmcdn.net/libs/scrollable/3.4.0/scrollable.js" integrity="sha256-baiuPcjdbyEwBScpM1XFcd3KntTAMdNFrfEtB8+Qpm4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/player/3.8.2/player.js" integrity="sha256-5eC5ruDiSOZ8vs10G8QfH7KRtp3Rt8rYNhCUQE/6tPk=" crossorigin></script> <script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/chroma.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/contrast.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/functions.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/fitty.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/blocks.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/transitions.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/site/Navigation.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/components/Flipbook.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/components/BeforeAfterBlock.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/browser.js" crossorigin></script> <script src="https://static.cmcdn.net/23/1.1.19/scripts/app.js" crossorigin></script> </body> </html>