This Just In: Excellent News and Magazine CSS Layouts

Speckyboy Design Magazine

The advent of CSS Grid and Flexbox have opened up a whole new world of page layout possibilities. They often have more complex and unique layout requirements than other genres. Today, we’ll show you some exciting examples of both news index page layouts and even a few for individual articles as well. It’s a 12-column layout, with a large feature story up top that takes up two-thirds of the first row. News Layout by Marc Müller. Magazine Layout by Raisa Yang.

Roslyn Fok on What Inspires Her Design Work (Interview)

Inspiration Feed

Working with fashion brands such as Converse, Nike, and even Chanel, Graphic Designer Roslyn Fok knows how to handle any design job that she takes on.


Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

40+ Business Flyer Templates (Creative Layout Designs & Industry-Specific Templates)

Tuts Plus

Here are a handful of the best flyer examples for business (with creative and professional flyer layouts) that are trending on Envato Elements. Business Flyer Layout – Presentation Flyers (PSD, JPG). They come with creative design styles and various layouts to choose from.

Awesome Instagram Layout Ideas and Examples

Graphic Mama

Prepare for a huge dose of inspiration because, in this post, we will show you cool Instagram layout ideas and examples that will keep your audience interested in your profile. But Instagram layouts are not only used to make your personal or business page prettier. Following a particular Instagram layout makes your content more consistent and your name – more easily recognized in the feed. Now let’s begin with these awesome Instagram layout ideas and examples!

10 Free Personal Blog & Magazine Layout PSD Web Templates

Speckyboy Design Magazine

Designing an attractive blog layout doesn’t have to be a drag when you have hundreds of quality pre-made PSD templates designed specifically with blogs and bloggers in mind. Check out this collection of the best free personal blog and magazine layouts to get your creative juices going. The template comes with 3 Homepage layouts and 25 PSD files in total. Another magazine based template that features a more standard layout. Unique Magazine Layout PSD Web Template.

25 Business Flyer Templates (Creative Layout Designs & Industry-Specific Templates)

Tuts Plus

Here are a handful of the best flyer examples for business (with creative and professional layouts) that are trending on Envato Elements. Business Flyer Layout – Ideas For Flyers For Business. Multipurpose Corporate Marketing Flyer Template Here's a professional, clean, yet creative multipurpose flyer design layout that comes with three PSD files, well-organized layers and is fully editable.

Top 15 Brochure Designs for your Business Inspiration

Inspiration Feed

When starting a business, meeting clients is an important part of the job. The impression we create on their minds about our business is crucial in gaining their trust. Once trust is built a relationship is formed.

Jinhee Han has a love for Risograph and complex layouts

Creative Review

The post Jinhee Han has a love for Risograph and complex layouts appeared first on Creative Review Currently living in Brussels, Korean book designer and illustrator Jinhee Han’s love of design was first sparked when working for an independent bookshop in Seoul called The Book Society. “That was the first time I touched art books and truly appreciated the beauty of books,” Han says.

How to Create a Stylish Magazine Layout in Affinity Publisher

Tuts Plus

What You'll Learn in This Affinity Publisher Magazine Layout Tutorial In this Affinity Publisher tutorial, you’ll pick up some versatile design skills for creating magazines for online and print, as well as get to know your way around the Affinity Publisher workspace.

The Complete Guide to Handcrafting a T-Shirt-Friendly Logo

Inspiration Feed

So, you’ve created your business plan, conducted market research, figured out how to fund your venture, and decided on your name.

How Bullet Journaling Will Change Your Life (Methods and Best Practices)

Inspiration Feed

What Is A Bullet Journal? A Bullet Journal is an analog system that was created by a New York-based designer, Ryder Carroll, to help people coordinate their lives into a streamlined system.

The Complete Guide to CSS Grids

Inspiration Feed

In the simplest of terms, a grid is a layout guideline. They are most often used by designers to align elements vertically, and even horizontally so that the design looks well-manicured due to the alignment. What is a CSS grid?…

25 Annual Report Designs: Tips, Inspiration, & Resources

Inspiration Feed

How do you think people feel when it’s time to give that annual report again? You’ll probably hear groans and moans all around, depending on their performance.

6 Ways Businesses Can Modernize Their Office Space

Inspiration Feed

As human beings, we are directly influenced by our surroundings. It’s why people are generally happier when they’re outside and more easily agitated when they’re in a sterile indoor environment with harsh light.

Rian Hughes uses type and layout as part of the narrative in XX: A Novel, Graphic

Its Nice That

The designer’s first novel tells a story not simply through words, but via the design devices used to display those words.

Layout 111

The Rule of Thirds: Know your layout sweet spots

Interaction Design Foundation

The Rule of Thirds is another way to look at the layout of a design (be it a web page, a painting or a photograph). Now that we’ve started covering the topic of proportion in design (beginning with the Golden Ratio article), let’s look at another vital subject.

The Golden Ratio - Principles of form and layout

Interaction Design Foundation

Now, we’re going to look at a subject that comes directly from mathematics and that we can also find all around us – the golden ratio. Don’t worry; we’re not going back into the classroom for long.

10 Effortless User Interface Design Tools

Inspiration Feed

There was a time when you would have to hire a designer to create your website, and that could get quite costly.

Follow These 14 Rules to Design a Great Logo

Inspiration Feed

From McDonald’s Golden Arches to Nike’s swoosh, the world’s largest brands take good care of their logos. For many of us, the iconic logos instantly connect our minds to a product or service without the need to check its name.…

Brand 56

Clever Open-Plan Layout Apartment by Azab [Bilbao]


Instead of being a limiting feature, the unusual semi-circle plan and radial partitions led the architects to conceive a flexible and open-plan layout. Architecture studio Azab designed a family home in Bilbao that plays with humor and surprise. Renamed the Ready-made home, the two-bedroom apartment is located in a 1960s building overlooking a square with generous windows that go from North to South.

The Grid System: Building a Solid Design Layout

Interaction Design Foundation

Now that we’ve seen some grids at work in the Rule of Thirds article, let’s examine them a little more deeply. As a concept that deals so fundamentally with the fabric and background of our work as designers, it’s easy to overlook the power of grids and think more about the elements we want to create. Many traditional artists still paint their masterpieces over a feint series of intersecting lines.

30 Gorgeous Examples of Korean Graphic Design

Inspiration Feed

There’s something absolutely fascinating about the Korean culture. It has taken over the entire world, with Korean pop stars, Korean makeup, Korean fashion, and everything else Korean dominating the scene everywhere you look.

4 Office Design Tips to Create the Perfect Office Space

Inspiration Feed

Designing a brand-new office space can take time and with a number of variants to consider such as size, lighting, and furniture, it can seem like an impossible task.

Spread the Word: Beautiful Testimonial UI Examples

Speckyboy Design Magazine

The clever use of color, layout and special effects can turn your testimonials into something that stands out. The side-by-side carousel layout makes for an interesting visual effect. Another prime example of simplicity, this card layout uses a couple of CSS effects to differentiate itself. The examples above show how the use of color, movement, typography and layout can all play an important role in building an attention-getting UI.

Our 50 Favorite CSS Libraries, Frameworks and Tools from 2019

Speckyboy Design Magazine

Flexbox Case Studies – Tutorials to help you achieve common Flexbox layouts. css-fx-layout – A lightweight CSS Flexbox library that includes both classes and HTML data attributes. CSS Grid Layout Generator – Create complex grids with this visual tool. CSS Grid Generator – Build complex grid layouts via drag-and-drop with this tool. Relearn CSS layout – Learn to harness the algorithms that power browsers and CSS to create better layouts.

40 Free Color Scheme and Palette Apps (Massive Guide)

Inspiration Feed

Color selection is a stage in a design process that requires both smart thinking and gut feeling. In today’s digital era, you can have as many colors and color combinations as you like.

10 Tips for a Smart & Attractive Website

Inspiration Feed

No one’s perfect. No website’s perfect, either. Face it: no matter how comfortable you are in your own skin, you’ve caught yourself gazing longingly at the reflection in the mirror, wondering what it would take to change things for the… Blogging Design 10 better 10 experience 10 improvement 10 tips to improve your english 8 web design basics ????? ????????

Futuristic The Wild Mushroom Cookbook


With the layout designed by Sofia Pusa, the visuals are whimsical and futuristic. BOOK & MAG ILLUSTRATION book Book Design cookbook illustrations layout mushroom photography psychedelic Sami Tallberg Sofia Pusa sofia pushThe Wild Mushroom Cookbook by a Finnish chef, Sami Tallberg, is a psychedelic look into the world of plants. The aim was to reflect the character of an author and give book a color-themed structure.

Fonts 56

The 10 Most Popular Open Source Front-End Web UI Kits

Speckyboy Design Magazine

But it may take some time getting used to the setup & getting your initial layout configured just right. Plus is offers simple debugging and a bunch of awesome themes so you can customize your layout from the get-go. Check out their demo layout to get an idea of how this’ll look in your site. Anyone who needs a custom layout that loads fast should look into Topcoat. CSS UI Design CSS Layouts UI Kits UX Deliverables Wireframing

4 Key UX Tips for Better Consumer Product Sites

Inspiration Feed

The success of an e-commerce site often hinges on the quality of the user experience (UX) that it offers to its visitors.

The 6 Visual Trends That Will Define 2020

Inspiration Feed

Do trendy visuals of 2020 remind you of something you’ve seen before? Keep calm, you are not alone. Trends tend to evolve inevitably get built on with new references and movements in visual communication.

How to Launch Your Blog or Portfolio in 2020 (3,500+ Word Start to Finish Guide)

Inspiration Feed

The graphic design industry is tough. No matter where you go, you’ll see amazing talent through the work of other designers in the field.

How to Make an Effective Business Signage in 6 Steps

Inspiration Feed

Does your business even exist if you don’t have signage? For the vast majority of people and potential clients probably not. Having signage that embodies the philosophy and ideas behind your business is nowadays a must.

4 Visual Ways to Attract New Customers to a Trade Show

Inspiration Feed

Whether you’re a keynote speaker, an exhibitor, or an attendee, conferences, and trade shows are great places to make new connections and meet potential customers. But standing out in a sea of companies isn’t easy.

4 Examples of Bad Ecommerce Website Design and What to Do Instead


So, here are the big takeaways from it: Use a consistent layout so people can follow along. Design UI/UX eCommerce web design website website design website layoutEcommerce has come a long way and it is easy to find websites that make shopping a joy. But there’s a seedy underbelly to the Internet, too, full of bad eCommerce website design that may mask bad business practices, mediocre performance, or even outright theft.

7 Reasons Why Web Design is Essential for Your Business

Inspiration Feed

An appealing web design plays an important role in the failure or success of your website. People pay heed to catchy designed websites.

Bring your creative visions to life with advanced web design platform Editor X

Creative Boom

Offering a unique combination of approachable CSS, integrated business features and built-in coding capabilities, Editor X allows you to build and launch cutting-edge websites with seamless, responsive layouts and full breakpoint control.

4 Office Design Trends to Improve Your Business

Inspiration Feed

Today’s office building developers demand structures that provide financial benefits during and after construction. In 2019, a predicted jump in office building construction of 6.9 percent, provides builders the opportunity to compete for many new office building projects.

20 design rules you should never break


From typography to layout, right through to color and special effects, this list runs through a few basic rules, tips, tricks and guides to some common errors and how to banish them from your design. Design Layout EducationJust like with any profession or discipline, design comes with some rules. While breaking design rules is allowed and even (in some circumstances) encouraged, it’s important to at least be aware of the rules you are breaking so you can break them the right way.

No Second Chance at a Strong First Impression: Best Practices for Ecommerce Homepage Design


Instead of choosing huge image files or outdated Flash animations, stick with clean, simple layouts that send the right message without slowing things down. Business Online Design UI/UX eCommerce website design website layoutIn many ways, your website homepage design can make or break your business. A sleek, sophisticated site that functions well and is easy to use sends a powerful and positive message about your brand.

7 Handy Tips When Selling Website Projects


Business Online Design business web design website website builder website design website layoutThe following seven tips I have discovered myself over the last two decades in selling website projects. They have really helped me out in my digital marketing agency, and I hope you find value in at least one of them yourself. If you aren’t in the web design business, don’t despair.

Barcelona studio Niceshit launches a design modular, audiovisual system for weekly Spotify playlists

Creative Boom

We needed to be able to quickly put fun and engaging layouts together to publish each week in our Instagram Stories," says Guido Lambertini, animation director at the studio which boasts Google and MTV as clients. "So, Well, this is rather nice.

Layout 224

Old Bulgarian Lottery Tickets Were Winning at Design

Designer Daily

Heavily inspired by Russian constructivism, these tickets are an amazing display of great layouts produced with abstract shapes only. I couldn’t find much information about these lottery tickets from communist Bulgaria, but the design alone makes it worth sharing here. Images via Thanks for being a subscriber, here is your FREE house vector icons set. Blog Inspiration Graphic design Vintage designs