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. It’s a 12-column layout, with a large feature story up top that takes up two-thirds of the first row.

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.

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

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. There are tons of creative designs, with stylish layouts—ideas for business flyers in 2019.

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.

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.

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.

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.

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. CSS UI Design CSS Layouts UI Kits UX Deliverables Wireframing

2020 96

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 push

Theme 78

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.

Blog 83

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.

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.

What You Can Do Online to Boost Your Real Estate Business


Design Real Estate SEO social media marketing web design website design website layoutIn 2019, being in the real estate business means having a robust online presence. Well, because that’s where all the customers are.

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 Education

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.

The Impact of Office Design on Employee Wellbeing

Inspiration Feed

Surroundings can have a major impact upon a person’s mental and physical wellbeing, with office and workspaces being no exception to this.

Wix launches Editor X, a new website design tool that hopes to ditch any need for CSS skills

Creative Boom

Wix has just launched Editor X , a website creation platform that offers "advanced design and layout capabilities" for designers and web agencies. The tool does it all for you, offering extremely advanced design and layout decisions without the CSS knowledge and detail.".

2020 141

Weekly News for Designers ? 509

Speckyboy Design Magazine

Space, Grids, and Layouts – The basics of creating a modern UI layout through the use of space. Adaptive Photo Layout with Flexbox – Create a masonry-style layout of photos using only CSS.

What Makes a Great UI Designer? Interview with Shaw Li, UI Designer at CouponBirds

Inspiration Feed

Can you tell us a bit about yourself and what’s your role at CouponBirds? Hey everyone! I’m Shaw Li, a User Interface designer at CouponBirds.

10 Valentine’s Day Designs for Access All Areas Members

Spoon Graphics

Edit the existing layouts to quickly produce colourful Valentine’s Day promo art, or Ungroup the elements to compose the individual graphics into your own custom designs.

2020 185

Weekly News for Designers ? 517

Speckyboy Design Magazine

The Thought Process Behind a Flexbox Layout – The brilliant and confusing process of using the CSS layout technique. CSS Layout – A collection of popular CSS layouts and patterns.

Top Custom Gutenberg Blocks You Can Add to WordPress

Speckyboy Design Magazine

When it comes to layout, the Advanced Columns block lets you create a highly-customized multicolumn row. its big selling point is in page layout. Offering a more page builder -like experience, rows and columns can be dragged to size and customized for responsive layouts.

Studio Dotto's bespoke Art Deco-inspired typography for Liverpool Everyman and Playhouse Theatres

Creative Boom

We developed a series of bespoke typography alongside the guide layouts to use throughout their upcoming seasons.". For its new theatre season, Liverpool Everyman and Playhouse theatres approached Manchester-based Studio Dotto to create these typographic-led 'what's on' guides and brochures.

Isabella Conticello’ Stunning illustrations for PIRELLI WORLD 2019


It is not the first time we are covering the great work of Italian illustrator Isabella Conticello from her ‘One poster a day project’ to the superb editorial layouts she’s done!

2019 85

Crash Course: Squarespace Images Block

Six Leaf Design

With the Squarespace image block there are 6 different layouts to choose from to add more creativity to your site. Watch the video for a crash course on the Squarespace images block or read below for a description of each layout style.

2018 164

50 Free Wireframe Templates for Mobile, Web and UX Design

Speckyboy Design Magazine

Wyre Web Layout Flowcharts (AI, EPS & SVG) Designed by Petr Knoll. Web and Mobile Wireframing & Layout Kit (AI) Designed by VectorOpenStock.


Under Consideration / Menu

Lovely details like the debossed logo and etched wordmark support the clean typography and illustrations in the layouts. American in Portland, ME. Designed by Might & Main.

Weekly News for Designers ? 526

Speckyboy Design Magazine

This Just In: Excellent News and Magazine CSS Layouts – Examples of how CSS Grid and Flexbox can help you build an amazing layout. Exploring Neumorphism Through Code Snippets – See stunning examples of this new, subtle design trend.

Weekly News for Designers ? 521

Speckyboy Design Magazine

Flash Grid – A new lightweight (1KB minified and gzipped) grid system based on CSS Grid Layout. Bullet Journal Layout with CSS Grid & Subgrid & Flexbox. 2020 Copyright – It’s time to update the copyright year on your site!

Web Design: Aunited - United States History


I do love his choice of typography and the text layouts are intuitive plus easy to read. Web Design: Aunited - United States History. AoiroStudio Nov 20, 2019 Kulik Oleg is a graphic designer and a UI/UX designer based from Kharkiv, Ukraine.

Noted: New Logo and Identity for Willumsens Museum by IDna Group

Under Consideration / Brand

Layout system. Various layouts. The logo works nicely in the full name or as a “WM” monogram that can then be split in the layouts to serve as framing elements. “Mirror Mirror on the Museum Wall”.

Weekly News for Designers ? 523

Speckyboy Design Magazine

How CSS Grid changes the way we think about structuring our content – Why using CSS Grid can simplify page layout. The Auto-Flowing Powers of Grid’s Dense Keyword – How to use grid-auto-flow: dense to keep a layout intact, no matter how much content is there.

10 Ways to Get Experimental in Editorial Design

Tuts Plus

When we thought they were going out of style, they resurged with more interesting and experimental layouts. Traditional magazines are a thing of the past, but designers have been thinking out of the box in order to create interesting and creative layouts.

Noted: New Logo and Identity for Fanhood by Hoodzpah

Under Consideration / Brand

We set the Newsletter layouts with typography, spacing, and sizing all called out. We also gave them examples of how the typography and layout could work on social media graphics. Newsletter layout. “When the Hoops Hits the Fan”.

Logo Guidelines Poster – Illustrator Template for Free Download by The Logo Smith

The Logo Smith

As this particular set of logo guidelines is pretty unique, in so much as the space given to the 12 logo lock-up’s (6 positive and 6 negative), as well as the Construction section for the SuperblyCo S Monogram, you’ll likely be wanting to change the layout of this to suite your own needs.

Meet Armag(eddon) – a Blaze Type font inspired by the end of the world

Creative Boom

This font family gives any layout a strong and bold feeling; you can't simply ignore it when displayed in large sizes.". Blaze Type fonts never disappoint, and its forthcoming release is no exception.

Fonts 130

How to Make Your Office Space an Integral Part of the Brand

Just Creative

Utilize Your Office Layout. Once you’ve thought about furniture and accessories, it’s time to think about how your office layout can be used as an integral part of your brand. This article was contributed by Ashley Wilson. Does your office space relay the same message as your branding?

Brand 251

What is the golden ratio? What you need to know and how to use it


How to use the Golden Ratio in your design layout. You can apply the Golden Ratio to many compositional elements of your design, including layout, spacing, content, images and forms. Layout: Set your dimensions with the Golden Ratio. Spacing: Layout with the Golden Ratio diagram.

Stylish Web Design for Bodega de Sonido


The non-standard layout is based on a custom grid, who helped use the interesting and not typical typography. Stylish Web Design for Bodega de Sonido. abduzeedo Jan 13, 2020 Kulik Oleg shared a web design project on Behance for Bodega de Sonido that is worth sharing here on Abduzeedo.

Reebok #BeMoreHuman Hand-Drawn Typeface


I only created the typeface with many alternatives Venables Bell + Partners created the photography, layouts, lettering and other adaptations. Reebok #BeMoreHuman Hand-Drawn Typeface. AoiroStudio Oct 18, 2019 I was surfing on Behance for an inspiration related to fonts for ABDZ.

Reviewed: Friday Likes 308: From Here Design, Mubien, and Candid

Under Consideration / Brand

I love how well the centered layouts adapt to anything from bags to cups to packing tape, all maintaining the same elegance and freshness equal of a croissant baked this morning. “From Here Design, Mubien, and Candid”.