Mindsparkle*

MSM Logo Menu
Search Icon add user user

Maco Tutorials

August 21, 2016

Mindsparkle Mag

Bookmark/save button

Maco Tutorials

Maco Tutorials is a friendly learning hub built around Kirby, the flat-file CMS. A cheerful blue gradient hero frames a screenshot of the Kirby panel and warmly invites visitors in, while colourful icon blocks — a vivid purple, deep navy and charcoal — organise tutorials, curated links and hand-made themes below. The layout is clean and generously spaced, with approachable copy and clear calls to action throughout. It is an inviting piece of web design with a tidy, welcoming UI design that makes learning a developer tool feel accessible.

Credits: Maco Tutorials

More in Business & Corporate

cms coding design flat inspiration inspire Kirby Maco mindsparkle mag site of the day Tutorials webdesign website

Your weekly Best of is ready

Stay on top of this week's design. Insights, top picks & more.

We respect your inbox.

Related
Previous Arrow Next Arrow
KKL Luzern cover image
goto arrow
KKL Luzern Goto Arrow
art direction art direction design
A minimalist web layout featuring bold black typography, showcasing various design projects and identities.
goto arrow
Shuka Design Goto Arrow
award cool design
A black vinyl record beside its cover on a soft pink background, featuring abstract floral artwork and bold typography.
goto arrow
Victoire Douy Goto Arrow
branding design designer
A colorful layout features workshop materials, including pastel cards and two men in glasses against a vibrant background.
goto arrow
Half & Twice Goto Arrow
creative studio design designer
A webpage with a serene forest background features text about job positions and team members in modern typography.
goto arrow
TRIB Talent Agency Goto Arrow
agency award cool
A digital poster features bold colors and playful typography promoting the 29Rooms art and fashion event in Brooklyn, NY.
goto arrow
29 rooms Goto Arrow
award beautiful best
A light design webpage featuring intricate wooden lamp forms against a light beige background, emphasizing natural artistry.
goto arrow
David Trubridge Goto Arrow
beautiful beauty David Trubridge
A vibrant blue background features white text detailing a modular studio focused on web design and development.
goto arrow
Intropik Goto Arrow
award beautiful best website
A modern home cinema with blue LED lighting, plush seats, and a large screen displaying movie selections.
goto arrow
ET Home Cinema Goto Arrow
award awwwards best designblog
A digital layout features a smartwatch illustration and various text blocks with soft pastel colors and clean typography.
goto arrow
2016 Trends in the watch industry - by Bilan Luxe Goto Arrow
award awwards beautiful
A grid of diverse visual projects features photography, magazine covers, and a colorful leather jacket.
goto arrow
Berkeley Pool Goto Arrow
award berkeley poole best
An expansive marble quarry under a bright blue sky, showcasing stark white rock formations and green mountains in the background.
goto arrow
Marmo Elite Goto Arrow
adoratotio beautiful beauty
close

Submit

Sparkle*News
Plus Reader Pro Member
Insta icon twittet/X icon pinterest ison linkedin icon

Submit

Submit your Design case study, Website or Job listing. Request an interview or brand promotion.

Plus

Become a Plus reader. Gain access to exclusive content, featuring unseen project insights and more.

Pro

Join the Pros. Gain maximum visibility on Mindsparkle & access to all premium features.