1. HTML5 UP

html5up.net provides fully responsive HTML/CSS templates built on clean code and sleek layouts. Ideal for landing pages, personal portfolios, and minimalist websites. Best of all? They’re free under a Creative Commons license.

2. Canva Templates

canva.com/templates offers thousands of free templates for Instagram posts, resumes, presentations, posters, and more. It’s great for quick mockups, mood boards, or when you need print-ready graphics in a pinch.

3. Figma Community

figma.com/community is a goldmine for UI designers. You’ll find wireframes, UI kits, dashboards, mobile layouts, and design systems—all created and shared by fellow designers. Simply duplicate and start editing.

4. Mixo.io – Landing Page Templates

mixo.io/templates offers free landing page templates powered by AI. Whether you’re launching a SaaS product, portfolio, or app, Mixo generates modern, mobile-ready templates you can edit in minutes.

5. Identity Design – Freebies

blog.identitydesign.us/freebies is our curated library of free HTML templates, email layouts, posters, and more—crafted from real-world design projects. Ideal for freelance designers, agencies, and students looking for usable, customizable files.

Final Thoughts

Great design doesn’t always start from scratch. These free resources help you prototype faster, test ideas, and deliver polished results. Bookmark your favorites, tweak to match your brand, and build better—faster.

Explore more freebies at Identity Design Freebies

The post Top 5 Free Design Template Sites Every Designer Should Know first appeared on identity design.

The post Top 5 Free Design Template Sites Every Designer Should Know appeared first on identity design.

The “Kebab” or “Kabob” Mediterranean food display menu template in Photoshop (PSD) by Identity Design is designed in high resolution and ready to use. It’s layered in PSD and available for a free download.

Terms

• All Identity Design Freebies can be used for both personal and commercial use.
• You may not redistribute or resell Identity Design Freebies in any shape or form.

The post Freebies: Kebab Kabob Display Menu Template (PSD) first appeared on identity design.

The post Freebies: Kebab Kabob Display Menu Template (PSD) appeared first on identity design.

body { font-family: Helvetica, sans-serif; } .site-title a { font-family: 'Bebas Neue', cursive; color:#222; } .site-description { color: #555; } .wrap-header { background: transparent; } .yarpp-related { display:none; } h3, .entry-content h3 { font-size: 11pt; } .entry-content .page-item p { font-size: 9pt !important; margin-bottom: 2%; margin-top: 1%; } .page-item { width: unset; display: unset; float: none; border: 0px solid #ccc; } .page-item a { overflow: auto; display: unset;

} .display-posts-listing img { float: none; margin: 0 0 10px 0; width: 100%; border: 1px solid #ccc !important; margin: 0px auto 0px; display: unset; height: 202px; object-fit: cover; }

Get Inspired!

Design Resources

Tools

The post Web Developer / Designer Bookmarks first appeared on identity design.

The post Web Developer / Designer Bookmarks appeared first on identity design.

The Car Cover Website Design mockup in Photoshop (PSD) by Identity Design is designed in high quality 2400 pixel in width. This clean & sophisticated design is ready to use on your own design before it’s cut up in HTML. It’s layered in PSD and available for a free download.

Terms

• All Identity Design Freebies can be used for both personal and commercial use.
• You may not redistribute or resell Identity Design Freebies in any shape or form.

The post Freebies: Car Cover Website Mock Up Template (PSD) first appeared on identity design.

The post Freebies: Car Cover Website Mock Up Template (PSD) appeared first on identity design.

This letter-size 3 column flyer template by Identity Design is available for a free download in InDesign File (INDD/PDF) and fully customizable for your own print materials or online PDF document.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Free InDesign Template: Letter-Size 3 Column Flyer (INDD/PDF) first appeared on identity design.

The post Free InDesign Template: Letter-Size 3 Column Flyer (INDD/PDF) appeared first on identity design.

DEMO: How to Vertically Align Middle with CSS

HTML

Copy the code below and paste into your HTML document.

<div class="div-outer">
    <div class="div-inner">
    <h4>Box One</h4>
    <p>Vertical Align Center</p>
    </div>
</div>
<div class="div-outer">
    <div class="div-inner">
    <h4>Box One</h4>
    <p>Vertical Align Center</p>
</div>
</div>
<div class="div-outer">
    <div class="div-inner">
    <h4>Box One</h4>
    <p>Vertical Align Center</p>
    </div>
</div>

You can tweak around with different colors of the boxes or texts. Have fun!

CSS

Copy the code below and paste into your CSS document. You need to make the same min-height and line-height on the outer part of the div. In my case, I have 200px.

.div-outer {
    min-height: 200px;
    line-height: 200px;
}
.div-inner {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

In case if this css isn’t working, you can try as below.

.div-outer {
    height: 80vh;
    position: relative;
}
.div-inner {margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

You can tweak around with different colors of the boxes or texts. Have fun!

The post CSS Vertical Align Center first appeared on identity design.

The post CSS Vertical Align Center appeared first on identity design.

Redirect to Different URL

Copy the code below and paste it to your blank html.

<script language="javascript">
window.location.href="http://YOUR-REDIRECT-PAGE"
</script>

*Replace YOUR-REDIRECT-PAGE with your new URL.

The post Simple JavaScript Redirect Code for HTML first appeared on identity design.

The post Simple JavaScript Redirect Code for HTML appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Weight Loss Diet / Health Website Design Mock Up (PSD) first appeared on identity design.

The post Freebies: Weight Loss Diet / Health Website Design Mock Up (PSD) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Christmas Responsive Email Template for Business (HTML/CSS) first appeared on identity design.

The post Freebies: Christmas Responsive Email Template for Business (HTML/CSS) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: New Year New You Infographic Template (PSD) first appeared on identity design.

The post Freebies: New Year New You Infographic Template (PSD) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Merry Christmas Gif Animation Template (PSD) first appeared on identity design.

The post Freebies: Merry Christmas Gif Animation Template (PSD) appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: The Gloria Revival Grunge Poster Template first appeared on identity design.

The post Freebies: The Gloria Revival Grunge Poster Template appeared first on identity design.

• 1

  Download the MailChimp for WordPress Plugin. https://wordpress.org/plugins/mailchimp-for-wp/ or go to your WordPress Admin -> Plugins -> Add New -> (Search for) MailChimp for WordPress -> Download & Activate.

• 2

  Sign up MailChimp website for free. http://mailchimp.com/

• 3

  Create and name your list. Go to the ‘List’ menu on the sidebar. Create a list.

• 4

  Go to your name at the top of the sidebar and select ‘Account’.

• 5

  Create API Key. On the top menu click ‘Extras’ -> API keys -> ‘Create A Key’

• 6

  Copy the API Key you just created and Paste it onto your ‘MailChimp for WP’ (your WordPress Admin -> MailChimp for WordPress -> MailChimp Settings) then ‘Save Changes’

• 7

  Check and make sure you see ‘CONNECTED’ sign on ‘MailChimp API Settings’. Click on the button -‘Renew MailChimp lists’

• 8

  Go to the admin -> ‘MailChimp for WP’ -> ‘Checkboxes’ and check on the ‘MailChimp Lists’ box and save.

• 9

  Go to the admin -> ‘MailChimp for WP’ -> ‘Forms’and check on the ‘Lists this form subscribes to’ box and save.

• 10

  On the ‘Form’ setting page, copy the form shortcode below ‘Form mark-up’ and paste into any posts or pages you want to show your subscriber form, or you can use a MailChimp form widget to subscribe emails. (For widget users, go to the admin -> drag and drop ‘MailChimp Sign-Up Form’ to your widget sidebar.



• 11

  Test your email. Once you actually test subscribing with your email, you would get a successful message “Thank you, your sign-up request was successful! Please check your e-mail inbox.”, but if miss any steps from above, you might see a message “oops. Something went wrong. Please try again later.”

Enjoy the MailChimp for WordPress plugin / widget!

The post Quick Start Guide to MailChimp for WordPress first appeared on identity design.

The post Quick Start Guide to MailChimp for WordPress appeared first on identity design.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: The Way to Emmaus High-Res Poster Template first appeared on identity design.

The post Freebies: The Way to Emmaus High-Res Poster Template appeared first on identity design.

Free high resolution poster template for your design

You can easily change color.

Terms

• All iiiji.com freebies can be used for both personal and commercial use.
• You may not redistribute or resell iiiji.com freebies in any shape or form.

The post Freebies: Paint Splatter High-Res Art Poster Template first appeared on identity design.

The post Freebies: Paint Splatter High-Res Art Poster Template appeared first on identity design.

If you are an individual proprietor or freelancer like myself, who’s willing to spend some time to dig for a nice photography for your design, you’ll enjoy my “Best Stock Photo Sites for Free for Commercial Use” list below. I know you’d especially enjoy the “for Commercial Use” part, which means you don’t need to get permission for both personal / commercial use.

The post Best Free Stock Photo Sites for Commercial Use first appeared on identity design.

The post Best Free Stock Photo Sites for Commercial Use appeared first on identity design.

Here’s the parallax website with “SMOOTH” scrolling effect for you to download. The website is made of HTML5/CSS/JavaScript. It’s free to use for your website, but it only works on Google Chrome. For other browsers everything works perfectly except for the smooth scrolling effect.

The post Download: Simple Parallax Smooth Scrolling Website Template first appeared on identity design.

The post Download: Simple Parallax Smooth Scrolling Website Template appeared first on identity design.

Gotham

San-Serif, Condensed
FREE Download Gotham family is all time my favorite. It’s great for headline and body copy.

Bebas Neue

Condensed San-Serif, Uppercase Only
A sophisticated bold condensed gothic font for PC, Mac, & Web . Highly recommended for titles.
FREE Download | Credit “Dharma Type”
http://dharmatype.com/

League Gothic

Condensed San-Serif
FREE Download

Frontage

San-Serif, Uppercase only, for Headline and decorative type
$55 at myfonts.com

Helvetica Neue

San-Serif, Condensed to Extended, for body copy
$39/each at myfonts.com

Futura

San-Serif
FREE Download

Knockout

San-Serif, Condensed to Extended

Nexa

San-Serif & Slab-Serif, Thin to Ultra thick
Nexa – Download FREE Version
Nexa – Buy Full Version
Nexa Slab – Download FREE Version
Nexa Slab – Buy Full Version

SignPainter

Cursive Pen Script
FREE Download

Belinda

Cursive Handwriting Script
$35 at Linotype.com
A Handwriting & fun cursive script for Mac & PC

The post Fonts Collection – Best for Web and Print Design first appeared on identity design.

The post Fonts Collection – Best for Web and Print Design appeared first on identity design.

The post TextureLovers.com first appeared on identity design.

The post TextureLovers.com appeared first on identity design.

1. Create a “New” canvas (go to “File” -> “New”). Set 6 pixels on both “Width” and “Height”.
2. Open “Layer” palette (go to “Window” -> “Layer”). Delete existing background layer so it’s now “Transparency”.
3. Blow the view all the way up to 3200% by select Magnifying Glass Icon from the “Tools”. Draw a line diagonally with “Pencil” tool (Like below).

Feel free to customize yourself with making different colors, directions, and even different sizes like 3 x 3 pixel or 2 x 2 pixel. You can also download PSD here:

Download PSD

Application

4. Lets continue with what we have, or simply open the PSD above.
5. Go to “Edit” -> “Define Pattern” to and name your pattern as you like. Now, we are done with defining the pattern. Let’s apply the pattern to the image.
6. Place a background less image by “File” -> “Place” and select your image. I’ve placed a chocolate donut png image.

7. Create a new layer (green arrow on right), fill a color as you like (I chose WHITE), and drag to place the layer below the “donut” layer.

8. Let’s add a layer style to the background layer (Mine is “white bg”) by click on the “fx” button (the yellow arrow) shown above. Then, on the “Layer Style” window, click “Pattern” button (the red arrow) and choose your Hatched / Slash / Diagonal Pattern you made.

FINAL WORK:

The post Download PSD: Photoshop Hatched Slash Diagonal Pattern first appeared on identity design.

The post Download PSD: Photoshop Hatched Slash Diagonal Pattern appeared first on identity design.