Normal view
The Digital Renaissance: Why 2026 is the Most Exciting Year to be a Web Creator
LibreOffice gives its Ribbon-style UI a pop of colour
You’ll be able to customise the look of LibreOffice’s Tabbed UI in the free office suite’s next major release, which his due out in August 2026. LibreOffice 26.8’s Tabbed UI (also known as the Notebookbar and modelled after the Ribbon in Microsoft Office) can show a colourful background when application theming is enabled under Tools > Options > Appearance. A blue shade is used by default but you can pick or set any colour you like. In the ‘Customisations’ section, first selected the Writer, Calc, Impress or Data Notebookbar value, then use the dropdown to chance the colour. Click apply […]
You're reading LibreOffice gives its Ribbon-style UI a pop of colour, a blog post from OMG! Ubuntu. Do not reproduce elsewhere without permission.
LibreOffice gives its Ribbon-style UI a pop of colour
You’ll be able to customise the look of LibreOffice’s Tabbed UI in the free office suite’s next major release, which his due out in August 2026. LibreOffice 26.8’s Tabbed UI (also known as the Notebookbar and modelled after the Ribbon in Microsoft Office) can show a colourful background when application theming is enabled under Tools > Options > Appearance. A blue shade is used by default but you can pick or set any colour you like. In the ‘Customisations’ section, first selected the Writer, Calc, Impress or Data Notebookbar value, then use the dropdown to chance the colour. Click apply […]
You're reading LibreOffice gives its Ribbon-style UI a pop of colour, a blog post from OMG! Ubuntu. Do not reproduce elsewhere without permission.
The “Vibe Coding” Crisis: Is Web Design Becoming a Commodity?
8 CSS & JavaScript Snippets for Adding Scroll Effects to Your Website
Scrolling is among the most boring necessities of digital design. Or is it? It’s easy for both designers and users to ignore. Yet, we spend much of our days moving up, down, and all around. There’s something to be said for going the extra mile.
Thankfully, there is an opportunity to do more. Scroll effects can add an element of fun to the mix. They’re also great for adding context and drawing attention to important content. Some effects even create a sense of immersion.
Web developers have found all manner of creative use cases. We scoured the CodePen archives to find eight prime examples of how CSS and JavaScript level up the user experience. We were quite impressed with the results.
Below, you’ll find everything from basic elements to jaw-dropping visual presentations. You’re sure to find inspiration for your next project. Let’s get started!
Premium ScrollTrigger Panels
Created by Ashish Ranjan
Here’s a unique way to scroll through the sections of a webpage. This pen creates a “stacking” effect, where each new section is layered on top of the last. The previous section zooms and fades out, allowing you to read the current content distraction-free.
Impressively, scrolling up reverses the effect. The technique uses GSAP scroll trigger and makes a long page seem shorter.
See the Pen PinStack Showcase – Premium ScrollTrigger Panels by Ashish Ranjan
Scrolling Text & Rotating 3D Gallery
Created by Luis Alberto Martinez Riancho
This 3-D gallery turns the classic carousel on its head. It combines scrolling text with a rotating cube that syncs in perfect harmony. Notice the shading and textures used to create a photorealistic feel.
The button-based navigation lets you avoid scrolling altogether, if that’s your thing.
See the Pen Six Faces / Walking The Cow by Luis Alberto Martinez Riancho
Stars Scroll Effect
Created by Aleksa Rakocevic
Scroll effects don’t have to be bold. There are times when subtlety is called for and appreciated by visitors. This starry background features a parallax motif with a hint of sparkles.
The result is a fun, yet classy, trip down the page. Consider it for blogs or other long-form content.
See the Pen Stars scroll effect by Aleksa Rakocevic
Smooth Scroll Behavior
Created by Margarita
Staying with the subtle aesthetic, the on-scroll effects of this pen are a great way to dress up an article. Text gently appears as you make your way down the page.
HTML scroll-behavior is used to ensure a smooth ride and add some flair to static content. This one is appropriate for virtually everyone.
See the Pen It Was Never A Competition — Full Story by Margarita
Infinite Loop Spiral
Created by Toc
Are you looking for a completely twisted take on a photo gallery? This spiral masterpiece will certainly grab attention. Scroll down, and this 3-D ribbon-shaped gallery spins through each image.
Use your mouse or finger to change perspectives. The effect is silky-smooth and will enhance your portfolio projects.
See the Pen Infinite loop spiral by Toc
CSS Scroll-Timeline Word Highlight
Created by Daniel Haim
Here’s a way to list your services and/or accomplishments with style. The text on the left stays put as you scroll, while the right side jumps to the next word or phrase.
It uses the scroll-snap-align and scroll-snap-type CSS properties to keep the presentation tidy. JavaScript sets properties based on user action. The result is an attractive method for making an impact with typography.
See the Pen CSS Scroll-Timeline Word Highlight by Daniel Haim
Springy Section Edges
Created by Tom Miller
Scrolling from one page section to another doesn’t have to be boring. A small effect, like this “springy” animation, adds context and entertainment value to the process. Reach the bottom of a section, and you’re welcomed with a bounce.
Here’s an idea: maybe add some confetti when you reach the end of the page. After all, loyal visitors should be celebrated!
See the Pen Springy Section Edges by Tom Miller
Reverse Scrolling Columns
Created by Ryan Yu
This photo gallery’s multi-column scrolling is reminiscent of a slot machine. The columns are synced, but the middle section moves in the reverse direction. It’s fun and immersive without overwhelming users.
Once again, GSAP scroll trigger serves as the secret sauce to the effect.
See the Pen Reverse scrolling columns by Ryan Yu
Use Scroll Effects To Enhance User Experience
Scrolling doesn’t have to be an afterthought in your design projects. The examples above demonstrate what’s possible with a little code and imagination.
In some cases, these effects can be the star of the show. Consider the photo galleries in our roundup. They become more interesting and interactive when you go beyond the default grid layout. You get high-end form and functionality.
On the other hand, subtlety also has a place when adding scroll effects to more traditional pages. A hint of elegance can transform static content into something more memorable.
The decision is yours to make. Consider your audience and accessibility needs, then choose the effect that makes the most sense.
Want to see even more awesome scroll effects? Check out our CodePen collection!
More CSS Effects Snippets
The post 8 CSS & JavaScript Snippets for Adding Scroll Effects to Your Website appeared first on Speckyboy Design Magazine.
UX Hierarchy: How Users Actually Scan Pages in 2026
-
Website and Communications Blog
- Embedding the rules: What we learned UX testing a style guide helper tool built with Drupal Editoria11y
Embedding the rules: What we learned UX testing a style guide helper tool built with Drupal Editoria11y
Our Editorial Style Guide contains many conventions and we know from research that publishers struggle to remember to apply them. Could automation help? We experimented embedding style guide rules into a Drupal module that checked content against the rules in the editorial interface and suggested corrections when the rules weren’t followed.
As part of a concentrated effort to make it easier for publishers to apply our style guide rules, Mostafa Ebid, a student who came to work with us in summer 2025, installed Editoria11y, an open-source Drupal feature and configured it with selected rules from our University style guide. Applying this feature to a site with demo content, he tested it with University staff to see how well it worked, and how useful and usable they found it.
Read more about our ongoing style guide work:
Collection of blog posts about the Editorial Style Guide
Drupal Editoria11y is an open-source accessibility checker
Editorial accessibility ally (shortened to Editoria11y) is a module developed by John Jameson from Princeton University that enables automated content checking directly in the editorial interface. Originally created to help content editors catch accessibility issues, its configurable architecture makes it well suited to embedding other kinds of rules, such as institutional style guide conventions. The checks can run in real time as content authors type, and can also be applied to content in published pages and previews, to flag issues to be corrected.
Editoria11y can include more than 50 built-in content tests covering image alt text, link quality, heading structure, and general content issues. Flagged issues are noted at the page level by an indicator bar, which includes a count and a categorisation of the type of issues (default categories are headings and alt text). Through this bar it is possible to identify the precise inline location of the problematic content with visualisers. Each visualiser is associated with a modal that contains detail about the problem element and plain language tips explaining how to fix it.
In addition to the on-page alerts, it is possible to review issues across a site via a reporting dashboard which can be configured to log recurring issues or most problematic pages, as required.
Read more about Editoria11y on Drupal.org:
Editoria11y Accessibility Checker project page
We designed tests to learn if Editoria11y would be useful and usable to embed style guide rules
Editoria11y presented itself as a mechanism to enable web publishers to check their content against style guide rules, and we wanted to understand the kind of experience this provided in EdWeb2. In particular, we wanted to understand:
- If Editoria11y could effectively check content against our style guide rules
- How Editoria11y presented results of the checks in the editorial interface
- If publishers could use Editoria11y to correct content that misaligned with the style guide
Moreover, we wanted to learn if the addition of Editoria11y to the EdWeb2 editorial interface improved the publisher experience or not.
We picked deterministic rules about dates and numbers for the tests
Like many Drupal features, Editoria11y is very flexible and customisable to fit a range of different use cases. Since it was new to our publishers, we were keen to avoid overengineering it, taking care to configure it to present the minimal information necessary to achieve our testing goals.
The University’s Editorial Style Guide contains between 60 and 70 separate rules, of which fewer than half are deterministic (in other words, can be applied directly without editorial judgement). It made sense to include deterministic rules in the tests, to enable us to accurately assess how effective Editoria11y was at checking them.
Rules in the dates and numbers section of the style guide seemed a good fit for the tests, so these were configured into Editoria11y.
We set up Editoria11y to display an indicator bar, visualisers, modals and a dashboard
The module was set up to display the indicator bar, the inline visualisers and the reporting dashboard. Content that contained sentences with dates and numbers was saved in draft in a demo interface which had Editoria11y applied. In the test scenario, participants were asked to assume they had been asked to review this draft content before it went live and to use a checker tool to help them with this.
Screenshot of the Drupal Editori11y tool in action, showing the yellow indicator bar at the bottom right of the interface, tallying the total number of style guide errors on the draft page
Screenshot of Editoria11y showing on the left, the indicator bar at the bottom right of the draft page, and on the right, the same draft page, but revealing the locations of the style guide errors (activated when the indicator bar is pressed) and an example of the modal giving detail of the error and the suggested fix
Screenshot of Editoria11y showing on the left, the display with the indicator, and on the right, the reporting dashboard summarising all the errors (which opened in another window in the interface)
Watching participants use Editoria11y, we learned what worked and what didn’t
Tests were carried out with seven participants. Observing how they made sense of the different parts of Editoria11y and interacted with it, we were able to draw conclusions about how useful and usable it was to support the context of web publishing in EdWeb2.
Participants understood the relationship between the indicator and the visualisers
The first part of the tests involved showing participants the draft content in the editorial interface with Editoria11y applied. All of them were able to understand that the number of style guide errors on the page were tallied in the indicator bar at the bottom right of the page, and that they could use the indicator bar to reveal precise locations of the errors on the page, together with a modal for each error, explaining the error and the suggested fix.
Placement of the visualisers and modals often made it hard to read the draft content
Taking an overview of the visualisers in the draft content, participants commented that they felt a bit overwhelmed to see so many. Some felt the placement of the question mark visualisers made it difficult to ascertain which parts of the content needed to be corrected, which was slightly helped by yellow outlines around the text. Placement of the modals masked the text beneath, however, meaning participants found it difficult to engage with the original context of the errors to be corrected to assess whether to accept the suggestion or not
Screenshot of Editoria11y showing a view that some participants found overwhelming: indicator bar, question-mark indicators, yellow outlines and an open modal
Descriptions of the errors in the modals were not clear to some participants
Reading the information in the modals, some participants were unclear of the error it was pointing out. Specifically, in a modal describing the rule to write dates without including ‘th’ or ‘rd’ after numbers was written as ‘Write dates without commas or ordinal suffixes’. Some participants were unfamiliar with what ‘ordinal suffixes’ were, but seeing the suggested change presented as a ‘before and after’ tracked change with the error crossed out (in red) and the suggested change presented in green helped participants understand the proposed correction.
Screenshot of Editoria11y showing a modal explaining the rule to not include ordinal suffixes when writing dates
Participants were able to use the modals to correct some style guide errors
When they had read and understood the errors being highlighted, most participants were able to assess whether to accept the suggested fixes and apply them based on the information contained in the modal. Several participants entered into a flow of using the arrow keys in the modals to clicking through the different errors and accepting the fixes, especially when the fixes related to a recurrent error – for example, capitalising the first letter when writing days of the week. They appreciated a notification alerting them that the fix had been applied, which temporarily appeared at the top right of the screen, although some said they would have appreciated this notification to remain for longer as it was easy to miss. They were also unclear whether they needed to save after applying each fix, or if this could be done when they had worked through all of the fixes on the page.
Screenshot of Editoria11y showing a notification in the top right of the interface to confirm the fix had been applied
Not all errors were fixable with automatic rule application – some required interpretation and judgement
Viewing the suggestions in the modals, several participants noted a problem with the fixes being based on automatic application of the style guide rules. Specifically, relating to the rule about omitting ordinal suffixes for numbers, there were several instances where it didn’t make sense to apply this rule directly. For example, a date written as ‘5th of December’ contained a suggested fix to remove ‘th’ but not to remove ‘of’. Another relating to ‘4th year’ of studies suggested removing the ‘th’ but not writing ‘fourth’ as a way to make the sentence readable, and similarly, another advised removing ‘st’ from ‘1st floor’ which was an incomplete fix.
Screenshots of Editoria11y showing instances where the ordinal suffix corrections couldn’t be directly applied
Some participants’ trust in the checker waned when they realised it didn’t catch all the errors
Of those who took part in the tests – some were more familiar with the rules of the style guide than others, and this impacted the trust they placed in Editoria11y. When they reviewed the Editoria11y outputs against the draft content and spotted corrections that hadn’t been picked up or flagged by Editoria11y, they were inclined to disregard the tool and check the content for themselves to ensure the text was completely compliant.
Screenshot of Editoria11y showing a style guide error where the pound sign is missing from an amount that the tool has not picked up
Few participants said they would use the dashboard as they felt that was for a site administrator
Navigating through the different options on the indicator, participants were able to access the dashboard interface, which was titled ‘Content Accessibility Issues’. Reviewing what was there, in sections called ‘Top issues’, ‘Pages with the most issues’ and ‘Recent issues’ most participants said they didn’t feel they would use this feature, and presumed it would be for someone with full responsibility for the whole site.
Editoria11y has potential as a style guide helper tool, but would need contextual refinement
Taking the findings together, Editoria11y showed promise as a way to embed the style guide rules into draft content, to avoid web publishers needing to navigate away from the editorial interface to check the rules in the guide itself to then apply them. Participants understood what the indicator bar was there to achieve, and liked the idea of being able to check off corrections to their content through the modals. Some identified areas for improvement included:
- Refinement of the style guide rules embedded in Editoria11y, to include examples, exceptions and applications based on scope and context
- Embedding a more complete set of style guide rules into Editoria11y to help build trust in the tool
- Adaptation of the modal options to include ‘Accept with edits’ as well as ‘Accept’ and ‘Ignore’ to account for instances where editorial judgement needed to be applied to the suggested correction
- A way to show corrections in categories (for example, all those relating to numbers together, all those relating to punctuation together and son on) which could be addressed by the editor in sequence, to avoid overwhelm in the interface
- Suggestions for correcting content when reworked sentences were required – powered by an LLM such as ELM
As well as Editoria11y surfacing style guide rules, there is potential to use it for its intended purpose, as an accessibility checker, containing checks about the heading hierarchy and alt text on images. If this was to be included as well as style guide rules, however, progressive disclosure of the information should be used to avoid the interface becoming too cluttered.
Many of these areas overlap with work currently progressing in open-source Drupal, firstly develop a Context Control Center – as a way of handling rules to enable AI-assisted content production, and secondly to develop an AI Content Review feature, capable of reviewing content against defined rules and conventions.
Read more about these Drupal developments in my related blog post:
The 20+ Best Premiere Pro Transition Templates & Packs in 2026
A well-chosen transition can smoothly guide viewers through your video, subtly reinforcing the story’s pace, mood, and theme. This is why selecting the right transition is hugely important.
This collection shares the best Premiere Pro transitions currently available, including some high-quality free packs. These packs offer a wide range of effects designed to suit various editing needs and styles.
We share dynamic, seamless, and creative transition packs and offer insights into how each can help improve your projects. These transition packs will help you create smooth, engaging video content in Premiere Pro that your audience will love.
If you’re looking for transition packs for DaVinci Resolve, you will find them here.
The Various Types of Video Transitions
Here’s a breakdown of the different types of transitions you might consider for your projects:
- Cuts: The most basic transition, a cut, is an instant change from one scene to another. It’s like a full stop at the end of a sentence, offering a clear break before moving on to the next scene. Cuts are great for fast-paced videos or to keep the audience’s attention as your video moves forward.
- Fades: Fades slowly blend scenes together. A “fade in” might bring a scene from black to visible, signaling the beginning of a story, while a “fade out” does the opposite.
- Wipes: Wipes move a new scene across the old one, which can be done in various directions. This type of transition can indicate a change in location or a passage of time.
- Special Effects: These are more complex transitions that include morphs, flips, spins, and more. Special effects transitions should be used sparingly, as they can be distracting. They’re great for highlighting significant moments or changes in your story.
Essential Transition Packs for Premiere Pro
Every video editor needs a set of go-to transitions that work across various projects. These transition packs include widely applicable effects for everything from corporate presentations to personal vlogs. They should be a staple in your editing toolkit.
1,200+ Premiere Pro Transitions
This Premiere Pro transition pack includes over 1,200 transitions across 26 categories and has been designed to suit every possible editing need. With a one-click application, these transitions are perfect for quickly adding professional touches to any video project.
![]()
300+ Transitions Pack for Premiere Pro
This pack is a comprehensive collection of over 500 transitions, split into ten categories: motion, zoom, glitch, light, roll, spin, stretch, VR, split, and mix. It works with Premiere Pro 2018 and above and supports resolutions up to 8K, ensuring compatibility with projects of any scale.
![]()
Media Transitions Pack for Premiere Pro
The Media Transitions Pack for Premiere Pro includes 24 transitions, including six directional options: Right, Left, Up, Down, LeftRight, and UpDown. This pack allows for complete customization, allowing you to edit colors and adjust the transparency of elements to match your video project’s style.
![]()
Seamless Transition Packs for Premiere Pro
These seamless transitions are perfect for documentaries and presentations where maintaining a flow without noticeable interruptions is important. They help blend different scenes into a single, cohesive story.
Seamless Ink Transitions for Premiere Pro
This transition pack includes 20 unique ink drawing-style animations, perfect for adding a creative touch to your videos. This modular pack allows for quick modifications and adjustments to fit your project’s needs.
![]()
Seamless Transition Bundle for Premiere Pro
This Premiere Pro bundle comes with over 700 modern, seamless transitions, making it an essential download for any video editor. With an easy drag-and-drop setup, it caters to any FPS and includes sound FX for a complete audio-visual experience. This pack is perfect for editors looking for multiple options and efficiency in their workflow.
![]()
Seamless Film Transitions for Premiere Pro
This pack of 30 high-quality transitions has been designed to mimic the look of vintage 35mm, 16mm, and 8mm film strips, all in 4K resolution. With its fast rendering capability and synchronized sound effects, this high-quality transition collection will help streamline your editing process, making it super easy to add a classic cinematic flair to your videos.
![]()
500+ Seamless Transitions for Premiere Pro
Download over 500 seamless transitions for Premiere Pro, all available in stunning 4K resolution. It comes with unique sound effects for each category and offers advanced control over target, motion, color, and effects. They are designed to work with Premiere Pro 2021 and above.
![]()
Seamless & Colorful Transitions for Premiere Pro
![]()
Dynamic Transition Packs for Premiere Pro
These dynamic transition packs are perfect for videos that need energy and movement. They inject pace, which is ideal for action sequences, sports highlights, or any content that needs to keep the viewer on the edge of their seat.
Dynamic Transition Pack for Premiere Pro
This dynamic transition pack comes with ten simple, full-screen, colorful transitions. With easy-to-use color controls, these transitions will add a vibrant touch to your video. This pack has been designed for editors looking for a quick way to improve their visuals and make their content stand out. It works with Premiere Pro 2021 and above.
![]()
Energetic Seamless Transitions for Premiere Pro
This energetic transition pack includes ten blast-style transitions with realistic animated effects. Each transition comes with media placeholders for quick integration and full-color control, allowing for easy customization. It works in Premiere Pro 2021 and above.
![]()
Clean & Fast Free Transitions for Premiere Pro
This Premiere Pro pack offers smooth animated transitions that can quickly improve any video project. Designed for ease of use, these transitions allow for simple drag-and-drop functionality. Just insert your media and hit render to see them work.
![]()
Dynamic Transitions Premiere Pro MOGRT
This MOGRT transition pack brings your videos to life with vibrant, colorful transitions. This Premiere Pro collection includes sound effects and offers full-color controls and media placeholders for quick customization. It has been designed to work in Premiere Pro 2019 and newer.
![]()
Dynamic Light Flare Transitions for Premiere Pro
This Premiere Pro transition pack includes 12 high-energy light flare effects to make your videos pop. Available in 4K (3840×2160) and Full HD (1920×1080) resolutions, they ensure your projects look sharp on any screen. It works with Premiere Pro CC 2018 and higher.
![]()
Creative Transition Packs for Premiere Pro
These creative transition packs offer a multitude of effects for editors looking to add a unique touch to their projects. From whimsical wipes to fantastic fades, these packs truly allow for artistic expression in your edits.
Multiscreen & Split Screen Premiere Pro Transitions
This seamless transition collection has been created to add creativity to your videos. These animated transitions come in 4K resolution and have color controls for easy customization. They work with Premiere Pro 2021 and above.
![]()
This transitions pack comes with over 80 transitions, perfect for creating montages or split-screen effects. These 4K (3840×2160p) transitions are fully customizable with drag-and-drop functionality, and they provide a user-friendly editing experience, making complex multi-screen transitions simple.
Free Ink Transitions for Premiere Pro
This free Premiere Pro pack includes five fluid ink-style transitions, offering a unique and creative way to blend scenes. These transitions are easily customized—simply drop your media into the shot sequence and render. It’s an ideal choice for editors looking to add an artistic touch to their videos.
![]()
Scratched Film Transitions for Premiere Pro
The Scratched Film Transitions pack for Premiere Pro has 15 unique transitions in full HD and 4K resolutions. These transitions feature a scratched or glitchy film overlay, perfect for creating a vintage or edgy look.
![]()
Free Textured Transitions for Premiere Pro
With this free transitions pack, you will get 15 MOGRT files, all with a unique textured style. These transitions allow you to customize the weight of the texture, the colors, and the appearance of the actual transition. Styles range from scribbled pencil and torn paper to zebra stripes and paper texture.
![]()
VHS Transition Pack for Premiere Pro
This Premiere Pro transition pack includes 24 transitions that bring the nostalgic VHS effect to your videos. Offering both single and double versions of transitions, this pack allows for color editing and easy drag-and-drop functionality. Replace placeholders, and your retro-inspired transition is set to go.
![]()
Free Glitchy Transition for Premiere Pro
This free transition pack includes ten dynamic glitch-effect transitions. They are incredibly easy to use: Drop the two clips you need to transition between, and you’re done. This pack is perfect for adding a modern, edgy feel to any video project with minimal effort.
![]()
Grid Transitions Pack for Premiere Pro
The Grid Transitions Pack for Premiere Pro has 18 dynamic animations in 4K resolution, perfect for creating grid split-screen effects. These transitions work with Premiere Pro CC 2021 and above and add a structured, modern touch to any video project.
![]()
How to Install Transition Packs in Premiere Pro
- Download the Transition Pack: First, choose a Premiere Pro transition pack and download it.
- Open Premiere Pro: Launch Premiere Pro on your computer.
- Import the Pack: Go to the
Effectspanel, right-click, and chooseImport Presets. Navigate to where you saved your downloaded transition pack, select it, and clickOpen. The transitions will now be available in theEffectspanel underPresets.
Storytelling Transitions
Choosing the right transition pack is crucial in video editing, as it improves the visual flow and propels the storytelling forward. These Premiere Pro transition packs offer a wide range of options for every type of project.
Experimenting with different transitions and creatively applying them can transform your video projects, making them more engaging and memorable.
Remember, the goal is to complement your story, so let your creative instincts guide your choices.
More Premiere Pro Templates
The post The 20+ Best Premiere Pro Transition Templates & Packs in 2026 appeared first on Speckyboy Design Magazine.
-
Website and Communications Blog
- Stop chasing, keep researching: Why continuous contextual learning is the only way to build useful AI features
Stop chasing, keep researching: Why continuous contextual learning is the only way to build useful AI features
AI development keeps evolving as do the ways people seek to use AI. Traditional software development runs the risk of trying to perfect AI features people won’t use. Revisiting our previous AI research helped me tease out new opportunity spaces for AI features to help with content design tasks.
Last summer, Mostafa Ebid joined the UX team for a summer internship and built an AI assistant tool which integrated the University’s main AI provider ELM into EdWeb2, our Drupal content management system. The idea for the tool came from hearing University describe the difficulties they experienced when publishing web content. The tool included the capability to write content, design content and proofread, and was designed to work by typing prompts in a chatbot interface, right-aligned to the main part of the editorial interface. When prompted, an orchestration of AI agents were triggered to read textual content and use ELM to make suggestions for improvement based on what the publisher had asked for. Improved text was displayed in the sidebar chatbot interface for the publisher to review and consider using.
Read Mostafa’s blog post about how he developed the tool:
Integrating ELM with EdWeb – Building an AI tool for publishers
Initial tests of the tool with publishers revealed some potential, but identified the need to do further tests, specifically to understand limitations around the user interface display and to learn if the tool was useful to publishers in the context of content they were familiar with (as opposed to generic stock content that was used in the first round of tests).
Read my blog post about the initial tests of the tool:
Initial insights from UX testing our Drupal AI content assistant tool
Mel Batcharj accessibility tested the tool, focusing on keyboard navigability, and Nick Daniels ran tests with two publishers in October last year. I recently reviewed the findings of this research to consider advancements in Drupal AI in the past 12 months, to assess whether the original premise for the tool was still valid, and to think about residual content design challenges AI could potentially help with.
Advancements in Drupal AI have resulted in improved AI features
The Drupal AI Initiative began in April 2025 with a group of participating organisations making a commitment to collaborate to build the future of AI in Drupal. As a result of the initiative, various workstreams began to shape Drupal’s infrastructure to support AI, to experiment with new innovations and to improve the UX.
Read more about this workstream:
Drupal AI Initiative project page on Drupal.org
A more accessible AI chatbot is now available as a Drupal recipe
Our original AI content assistant tool was built into a panel of the editorial interface as a custom build, which worked well when using a mouse, but which accessibility testing showed was restrictive when navigating using a keyboard. Since the tool was built, however, accelerated development in the wider Drupal AI community prompted the creation of an open-source AI chatbot freely available to apply. Adopting this chatbot was preferable as it avoided the need to maintain custom code and it was possible to use it with a keyboard only.
There’s an active Drupal issue to address the need for the AI chatbot interface to be expandable
Several of the participants who took part in Mostafa’s tests of the tool last year found it awkward to scroll through the AI chatbot output as it was presented in the narrow left-aligned interface. The same problem had been noted in the wider Drupal community, and therefore I raised an issue to have this rectified, which is being worked on as part of the AI Initiative task backlog.
We did more tests on our AI tool – this time using participants’ own content
In the first round of tests, four participants were all presented with the same piece of content (on the topic of safety procedures) and asked to use the AI tool to improve it in specific ways (such as writing it for user needs, making link text better, and so on). This approach turned out to be limited, as since participants were unfamiliar with the content, they were unable to assess whether the outputs of the AI tool were an improvement on the original content or not.
In a subsequent round of tests we therefore adopted a looser approach – asking participants to supply a piece of content they were already working on, and then asking them to use the AI tool to improve it to suit their needs. The results from these tests were more indicative of how useful publishers found the tool to make content improvements.
Results of these tests highlighted how the AI tool needed to change
Since we placed participants in a situation where they were using AI on content they knew well and could critique and appraise authentically, the results of these second-round tests gave clearer indications of what worked with the existing tool, what didn’t and where AI could be best applied to help with content design tasks.
Participants didn’t notice the content options in the AI tool, or the help text
The tool contained three different content options: Design Content, Write Content and Proofread, presented in a dropdown menu in its interface.
Initially, participants didn’t notice these options and used the default Write Content option. When they later experimented with the Proofread option they found no discernible difference between these options in terms of outputs, which led them to believe that a simpler version with a single conversational interaction option would be preferable.
The tool defaulted to reading the content on the page, and working on this when prompted. Participants were initially unclear that this is how it worked, and they didn’t notice the help text to enable or disable this mechanism presented in the tool interface. Taken together, this feedback suggested that a simpler version of the AI chatbot, such as the one from the Drupal recipe, would be easier for publishers to use.
Close-up screenshot showing the content options and the help text on the AI tool
The AI tool had some value as a writing partner to suggest restructures to textual content
Responding to the task to experiment with the AI tool to improve their content, the participants quickly got used to how the tool worked, and recognised its use as a writing partner to prompt about their content and receive suggestions for improvement in a conversational way.
Prompts they used to improve a page of content in the body text field included:
- ‘Rephrase copy to condense, highlight key messages and make it accessible to pet owners looking to join practice’
- ‘Proofread copy so that it appeals to pet owners non clinicians’
- ‘Turn this page into web ready content. It needs to be concise, easy to scan, readable to a wide range of audiences’
These prompts resulted in edited versions of the page content, typically including structural elements like headings, bullet points and calls to action, delivered in the chatbot interface.
Side-by-side screenshots showing the prompt entered in AI tool to improve content for an audience (on the left) and after (on the right), with the output response to the prompt.
The tool lacked capacity to tweak or iterate on previous versions of content – which participants wanted
Once they had reviewed the tool’s initial outputs, both participants entered conversational turns with the tool, asking it to perform successive tasks on the content it had previously produced, to edit it further, in line with their specific requirements and rules.
Prompts they used to tweak initial AI outputs included:
- ‘Remove adjectives and exclamation marks’
- ‘Remove brackets’
- ‘Remove any unnecessary words, fix typing errors, suggest improvements for SEO’
With every new prompt in the conversation, the tool produced a fresh output, meaning the publisher was left to review a succession of different versions of the edited content, presented in the chatbot interface, without any indication of what had been changed. Participants found it difficult to review edits, as they would usually do when working on a piece of content, in order to compare the ‘before’ with the ‘after’ – ultimately to assess whether the AI tool outputs were to their satisfaction.
They said they would have liked the tool to have presented the edits in a ‘tracked changes’ format that they were familiar with from word processing programmes.
Side-by-side screenshots showing a prompt entered to improve existing content (on the left) and (on the right) the output from this prompt – showing a new version of the content
Participants didn’t really need the tool in the interface as they tended to edit text content elsewhere
When describing their usual content process, participants said they would usually prepare their content in a word processing programme like Microsoft Word rather than edit directly in the Drupal editorial interface. There were several reasons they chose this method – a key reason being the need to involve others to check (and in some cases, sign off) their content in preparation for the website. They were more familiar with referring others to check their content or proofread it when it was in the Microsoft suite, than when it was in the Drupal editorial interface.
Furthermore, Microsoft Word accommodated the addition of comments and tracked iterative changes to pieces of content which was not possible within the Drupal editorial interface. This content preparation habit suggested that while the AI tool was useful to suggest content edits, this would have been more useful before the content was in the interface, and therefore could be achieved by pasting content to be edited into a browser-based AI tool or app (such as ELM).
Within the interface, the tool only had use as a ‘final check’ mechanism, to catch any typos, errors or style misalignments before the content was ultimately published.
The tool needed to be able handle more than text as pages were typically made of multiple elements
Reviewing the test set-up and comparing it to their usual ways of working with EdWeb2, the participants said the pages they worked on would usually be made up of more than just textual content in the body text field. They would typically work on pages with multi-column layouts, making more extensive use of Drupal paragraphs or including structural elements like accordions, feature boxes and cards. They were interested to know how the tool may make appraisals or suggest improvements for those sorts of pages to help them arrange their content in appropriate ways.
We identified new opportunities for AI content publishing features
Extrapolating on the feedback from the tests, several use cases and scenarios for applying AI to content design tasks emerged, which will help inform our ongoing work to apply AI to make content design tasks easier for publishers.
AI-assisted content structuring
Describing their typical content writing workflow, participants said they found it difficult to move from a text-based editor like Microsoft Word into the Drupal editorial interface where they needed to make use of Drupal Paragraphs as well as page elements like accordions to structure the content. Potential areas for AI development could therefore include:
- A mechanism to convert textual content into appropriate structural elements
- A way to make suggestions for accordion labels or structure
- A feature to ensure uniform creation of cards or feature boxes
- A means of cross-checking style consistency of pages made of multiple elements or with a specific layout
AI- assisted content design for SEO/GEO/AEO
Having their content picked up by search engines or being machine read was something participants wanted, but they were unsure how to write, tag and structure their content to make this happen effectively. Potential areas for AI development could therefore include:
- A way to have their content analysed for SEO effectiveness, based on signals like content quality, scannability and key word alignment
- A mechanism to suggest content changes aligned to specifically defined SEO goals and target user engagement measures
AI assisted content reviews – against specific style conventions and contexts
As well as ensuring their content followed the rules of the University’s Editorial Style Guide, both participants mentioned other conventions that they needed to apply to their content, that existed at a more local website level. For example, one participant’s site had a rule not to use brackets or exclamation marks, or to overuse adjectives, so they would have found it helpful to have a way to cross check content against these rules before publishing.
The Drupal Context Control Center is an emerging feature designed to handle the application of context rules within a site across various scopes and use cases, and Drupal AI Content Review is a related feature, designed to appraise content against given context rules and conventions. Together, these Drupal features may be a good fit to help University web publishers make use of AI to shape their content with the uniformity they require.
Read more about the Drupal Context Control Center and its development in my recent blog post:
Read about AI Content Review on Drupal.org
We’re changing the direction of the AI tool based on what we’ve learned
Last summer it seemed certain that an in-interface AI chatbot content assistant helper was what we needed to build. A few improvements to the UI to make it expandable and navigable with a keyboard and it would be ready to go. As it turned out, things had moved on, and these problems were addressed by the wider Drupal community. This meant we could go back to our research findings to re-examine how AI could be best applied to aid content design tasks, and to consider how it could best fit into existing workflows of our publishers to assist them with difficulties they faced. As we continue with internships this summer, we’re excited to re-focus and plan more research to explore some of these emergent opportunity areas. Aligning with in-progress Drupal AI developments, we’re open to learning how we can apply and adopt the work of the Drupal community to our University digital publishing context.
-
Website and Communications Blog
- When good product practice tells you to stop: What we learned trying to externalise our Effective Digital Content course
When good product practice tells you to stop: What we learned trying to externalise our Effective Digital Content course
Riding on the success of our internal Effective Digital Content course, we set out to expand by building an external version for the short courses platform, taking a product thinking approach. Three months on, experimenting with a proof-of-concept course has convinced to pause this work – to avoid falling into a build trap.
The success of our relaunched Effective Digital Content (EDC) course, to date completed by more than 400 University staff, prompted ambitions to reposition the course for external audiences by including it in the University’s Short Online Courses platform. With the help of colleagues from the Short Online Courses team and the Learning Technology team, we did some market research, identified target audiences, defined a product vision and goals and began using the Canvas platform to develop a proof-of-concept.
Read more about our plans to reposition EDC as an external course in my blog post from March 2026:
Repositioning Effective Digital Content as a short online course: A product approach
At the end of sprint three (of a total of seven planned sprints) we faced unknowns and unanswered questions preventing us from achieving some of the fundamentals we’d defined in the product vision and goals. Resisting a sunk-cost fallacy-motivated urge to continue building, we made a sensible decision to stop and to pause until we’re in a better-informed place to have the confidence to continue.
In this post, I reflect on the benefits of adopting product thinking, the discomfort with facing difficult questions upfront and the practicalities of learning about audiences for expansion opportunities.
Revisiting the Product Kata helped clarify feelings of uncertainty
Melissa Perri’s book ‘The Build Trap’ contains a helpful framework to guide product development which I have become familiar with through my involvement with Drupal product teams. On the strategic level, this framework helped me set out a vision for an external version of the Effective Digital Content course, establish the problem the course was aiming to solve and its audiences, and work out the learning outcomes associated with each course module.
Entering the execution phase, however, taking each course module at a time and building each one out to meet the needs of the established audiences, things took longer than planned, and felt more difficult than we’d anticipated.
Pausing for reflection, we unpicked where things were going wrong. Going back to our vision, we had wanted to repeat the success of the internal EDC course, giving learners practical experience of writing digital content for their audiences. We had been able to instill this experience in the internal course because we had been able to regularly engage with University web publishers, to fully understand their content design challenges and design practical experiences for them that specifically addressed their friction points. Without such detailed insight into external audiences, we were effectively basing our course design decisions on guesswork and assumptions, which explained why our initial efforts seemed to be missing the mark. The strategic vision was sound, but our capacity to fully explore the problems and optimise associated solutions was limited, therefore execution was flawed.
Adaptation of the Product Kata from Melissa Perri’s book ‘The Build Trap’ showing the split between strategy creation and deployment and execution
The practical workbook is EDC’s best asset – but is hard to replicate for broader audiences
A lightbulb moment in our reflections came when considering what worked well about our internal EDC course. When staff complete this course, they are required to complete exercises in a workbook which they submit to the UX team for feedback. This tests learners’ ability to do fundamental content design tasks like structure headings, write hyperlinks and turn lengthy text into chunks to be scan-read. Reviewing more than 400 submitted workbooks, we affirmed the importance of this element of the course both for learners and for our team as owners of the course as a product. Through these workbooks, learners are able to practice content design in the specific context of the University sites they are responsible for, and as the product team, we are able to see impact the course has had in improving content design knowledge.
Replicating the workbook concept for external audiences would require knowing about the contexts and content they were working with, in order to design exercises that required them to test those skills. Without knowledge of our audiences’ circumstances, the best we could do would be to design a generic set of exercises, devoid of the nuances needed to really engage learners in practising content design techniques.
Testing what we had built so far taught us what we didn’t know
In UX and product design there’s a saying: the best time to test is yesterday, failing that, test now. Resisting the urge to keep building EDC modules, we made the decision to take the three modules that had been built and to test them with University publishers. Feedback from the tests was positive, which was nice to hear, but didn’t really help us assess if the modules we had made were a good fit for external audiences. University staff wouldn’t take an external Effective Digital Content course as they had already taken the internal version. To assess if we’d made a good product we needed to know answers to questions such as:
- What needs should we prioritise for our target audiences?
- How do our audiences currently meet these needs?
- Would univerisities with a distributed content model find an external course useful?
- What would motivate our target audiences to take this type of course?
- How well do existing courses meet user needs and expectations?
- Will our proposed course be valuable to target audiences?
In another of Melissa Perri’s books ‘Product Operations: How successful companies build better products at scale’ by Melissa Perri and Denise Tilles, the authors use a case study at a financial services organisation, Fidelity, to show the relationship between user research and the product design lifecycle. Applying this relationship by positioning EDC external as the product, it was clear that our outstanding questions fell into the ‘Core UXR question’ category at the ‘Discover’ ‘Define’ and ‘Design’ stages and therefore needed to be addressed before proceeding to the ‘Develop’ and ‘Deploy’ stages.
Having worked with other teams both within and outside the University, we knew all too well the potential risks and consequences of building without adequate research – and resolved that it was better to stop building to avoid wasting effort.
Successful expansion will rely on targeting audiences and researching their needs more fully
Taking a pause in the build will allow us to take time to assess the gaps in our knowledge of our target audiences, and work out ways of learning what we don’t know. Understanding the nuanced needs of our target audiences will help us familiarise with the market for content design training in the public sector to assess the value of the expansion opportunity. Referring again to ‘Product Operations’, learning the differences between the markets associated with our expansion opportunity (the total addressable market, the serviceable addressable market and the serviceable obtainable market) will help us decide whether the proposition is viable, deliverable and desirable or not.
In the meantime, we’re using what we’ve learned to improve internal EDC and training
As a team, we really value what we learn from time spent in research, and we always endeavour to act on what we have learned and make sure research does not go to waste. In this case, going through the process of reworking three course modules to aim them at external audiences has pinpointed ways to improve the internal version of our course – in particular to make the introductory module clearer and more impactful and to be clearer on some accessibility concepts. Submitted workbooks and feedback from our regular Content Improvement Clubs also provide a constant source of learning, to identify areas publishers still struggle with that we can continue to address with subsequent tweaked versions of EDC and topics for additional publisher training sessions.
Why Ghost Buttons are the Ultimate Conversion Killer
The Great Replatforming: WordPress Is Training Its Own Replacement
20+ Best Project Proposal Templates for InDesign in 2026
Bringing a new business idea to life requires a great deal of planning and preparation. One of the first and most crucial steps is to create a persuasive business or project proposal. However, creating a proposal from scratch can be time-consuming, especially for those new to entrepreneurship. That’s where proposal templates come in.
These business proposal templates for InDesign (both free and premium) have been designed to simplify the proposal creation process. With a wide range of options, you will find the perfect template to suit your specific needs. Whether starting a new venture, looking for investors, or pitching a project to potential clients, these templates offer a professional foundation for your proposal.
With their user-friendly layouts and customizable designs, these INDD templates offer the perfect balance of structure and flexibility. Using a template can save you significant time and energy, allowing you to focus on refining and perfecting your proposal’s content.
Don’t let the prospect of proposal creation hold you back – use these InDesign templates to bring your business idea to life.
If you’re new to the application, you might like to take a look at our collections of InDesign tutorials.
Minimalist Proposal Template for InDesign
The first proposal template in this collection features a modern and fresh design. The template includes 14 Indesign templates, including a cover letter and resume, proposals, estimates, and invoice templates.
![]()
Business Proposal InDesign Template
Free to Download
This business proposal template is fairly simple, but don’t let that put you off. Its simplicity is its strength. This 20 page template makes it easy to present your proposal logically without too much clutter and overwhelming the reader.
![]()
Proposal Template
This proposal template features a minimalist design and includes 20 different layout files. The files have been designed in A4 and US letter sizes, and they are easy to tweak and customize to reflect your brand.
![]()
Business Proposal Presentation Template
Free to Download
This free business presentation template is ideal for construction and renovation businesses. It has a 20-page layout that offers ample space for detailing your business plan. It includes free fonts and is print-ready in U.S. Letter and A4 sizes.
![]()
Brand Proposal InDesign Template
This minimal proposal template includes over 40 layered pages, perfect for designing any type of proposal. The template comes with defined character and paragraph styles, and you can easily change the colors and other styles by editing master files.
![]()
Floret Business Proposal Template
Free to Download
This template lives up to its name. ‘Floret’ features beautiful floral elements and offers a robust 44-page layout worthy of the most complex company proposals.
![]()
Overlay Proposal InDesign Template
This colorful proposal template has everything you need to design a beautiful proposal for your next project. The template includes 28 pages, as well as unique character and paragraph styles.
![]()
Olive Free Presentation IndDesign Template
Free to Download
What a breath of fresh air this template is! ‘Olive offers a stunning layout with plenty of whitespace to ensure your proposal content stands out. Thanks to well-organized layers, this InDesign template is super easy to customize.
![]()
Quote & Presentation Templates for InDesign
Free to Download
Sometimes, all you need is something super simple to get the point across. The Quote and Presentation Template is perfect for giving an estimate on a project or presenting a new business idea in a streamlined, no-fuss way.
![]()
Universal InDesign Project Proposal Template
Consider this project proposal if you need a template that you can reuse for multiple projects. With a multipurpose design and style, this template is a perfect choice. It also includes various infographics, editable shapes, two project timeline options, and is compatible with MS Word.
![]()
Clean & Professional InDesign Proposal Template
Free to Download
This proposal template is super clean and stylish, reminiscent of numerous minimal designs while still maintaining a sense of originality. This template comes with a 24-page print-ready layout in both A4 and U.S. Letter sizes.
![]()
Clean Web Proposal Project InDesign Template
Try this clean web proposal project template if you’re looking for one to help you create a professional proposal for a web design project. This templating features a minimal style and comes with 28 pre-designed pages that include everything from proposals to estimates and invoicing.
![]()
Stylish Business Proposal InDesign Template
Free to Download
This stylish business proposal template has been designed with creatives in mind. It offers a bold geometric design, large color blocks, and bold typography. Due to its modern design aesthetic, this template is perfect for use by colleges and universities.
![]()
Rigel Clean & Stylish InDesign Proposal Template
This stylish InDesign proposal template includes 34 pages and comes in A4 and us letter sizes, and you can easily customize the colors and the fonts to match your brand.
![]()
Advertising Proposal InDesign Template
Free to Download
Use it for a business proposal or as a website media kit. Either way, the InDesign Proposal Template includes eight eye-catching layouts, perfect for filling in with company info, custom graphics, graphics, statistics, and more.
![]()
Creative Multipurpose InDesign Proposal Template
The proposal template has a fresh and modern design with 24 pages. The template was designed in A4 and US letter sizes. It features a grid-based layout to help you align your elements and create a stunning proposal.
![]()
Web Design Proposal Template for InDesign
This colorful and modern web design proposal template is perfect for any web design project. The template comes with 28 easy-to-edit pages and master pages.
![]()
Proposal & Portfolio InDesign Template
Try this one if you need an InDesign proposal and portfolio template to present your project. This template’s standout feature is that it also comes in Photoshop, Illustrator, and Word formats, so you can easily edit it in whatever program you’re most comfortable with.
![]()
The Proposal Template for InDesign
The Proposal Template lives up to its name – it’s the only template you’d ever need, thanks to its understated design and compelling, full-page layout. Customize the color scheme, add personalized text and images, and change character styles, all within 28 pages of full-color, print-ready convenience.
![]()
Proposals That Stand Out
Hopefully, this collection of InDesign business proposal templates will make it easier for you to push forward a new business idea and present all the information you need to captivate your target demographic.
These templates are easy to customize and designed to help your proposals stand out. With various styles to choose from, you will find the perfect template for your business needs.
The post 20+ Best Project Proposal Templates for InDesign in 2026 appeared first on Speckyboy Design Magazine.
30+ Best Wedding Stationery Templates for Photoshop
Weddings are joyous occasions that create fond memories. It’s one reason why we love to hang on to keepsakes from the day. Each memento is a reminder of good times.
Perhaps there’s no better keepsake than wedding stationery. The feel of the paper, the elegant fonts, and the carefully selected color scheme tell a story. It’s no wonder we put so much effort into making them perfect.
These projects can be time-consuming for graphic designers. But don’t worry – we can help you get off to a fast start.
Below is a curated collection of wedding stationery templates for Adobe Photoshop. They cover a variety of styles – you’re sure to find one that matches your needs. Plus, they’re easy to edit and customize to your heart’s content.
Find your favorite template, and you’ll have everything you need to create a precious keepsake in no time!
You might also like our collection of wedding templates for InDesign.
Wedding Stationery Collections for Photoshop
Are you looking for a perfectly coordinated set of wedding stationery templates? The following collections have you covered with templates for save-the-date cards, invitations, RSVPs, menus, thank-you notes, and more. These professionally-designed templates will help you every step of the way.
Wedding Invitation Photoshop Templates
Invite friends and family in style with these beautiful wedding invitation templates. You’ll find everything from classic to modern looks here. Some packages come with extras, such as alternate styles and additional types of stationery.
Save the Date Card Templates for Photoshop
These save-the-date card templates are the perfect way to share happy news! Included are ready-to-mail postcards and standalone options. You’ll even find templates that use custom shapes. There’s something for every taste. Use your favorite to build anticipation for the big day.
Wedding RSVP Card PSD Templates
Dress up your RSVP cards with these stunning templates. There are great options whether you prefer to send a postcard or a traditional card in an envelope. Customize them to the happy couple’s specifications and start creating memories.
Wedding Thank You Card Templates
These templates provide an elegant way to say “thanks” to guests. Type a message or, even better, handwrite something personal. It’s something loved ones will cherish for years to come. And it’s another way to mark a special event.
Wedding Photo Album PSD Templates
A photo album is the perfect way to look back in time. Each of these Photoshop templates can be customized with your photography and text. Have an album professionally printed, and it can be passed on to each generation.
Create Beautiful Wedding Stationery
Establishing the perfect look for your wedding stationery project can be a challenge. There are so many types of documents and endless possibilities. Luckily, the Photoshop templates in this collection make your job much easier.
Find the options that interest you and start experimenting. Here’s hoping you create something that captures the magic of the day!
The post 30+ Best Wedding Stationery Templates for Photoshop appeared first on Speckyboy Design Magazine.
15+ Best Free Monospaced Fonts for Developers & Coders
Monospaced fonts are typefaces in which each character takes up the same amount of horizontal space. This uniformity is key for coding and programming, where alignment and readability can significantly reduce efficiency and error.
Choosing the right font for these tasks is more important than it might seem at first glance. A good font can reduce eye strain, help distinguish between similar characters, and even improve concentration during long coding sessions.
This article shares a collection of free monospaced fonts specifically designed for code developers. Each font caters to the needs of those who regularly write code, aiming to make their work a little easier and perhaps even more enjoyable.
Finding the right monospaced font could make all the difference in your coding experience. Choose wisely!
Coding Font Characteristics
The font you choose for coding is critical to your work. A good monospaced coding font isn’t about style, but function.
Here’s what you should look for when choosing your monospaced font:
- Uniformity & Spacing: Each character in a monospaced font occupies the same amount of horizontal space. This uniformity is important for aligning code in a way that’s easy to follow. Proper spacing helps distinguish code blocks, making spotting errors or understanding the structure easier.
- Readability & Legibility: Spending hours staring at code means you need a font that’s easy on the eyes. A good coding font will be clear and sharp, reducing eye strain. It should be legible in various sizes.
- Distinction Between Similar Characters: In coding, confusing a zero
0with the letterO, or a lowercase L (l) with the number one (1), can lead to mistakes that are hard to track down. A well-designed monospaced font will have clear distinctions between these similar characters, often through subtle design cues like a slashed zero or a tailored shape for the letter L.
These characteristics are fundamental in a coding font because they directly impact productivity and accuracy.
The Top Monospace Fonts for Coding
These monospaced fonts cater to various programming needs, from classic font choices known for their reliability to modern typefaces that blend aesthetics with functionality. Explore the options below, and find the font that resonates with your style.
Anonymous Pro
The popular Anonymous Pro stands out for its clarity and readability, making it an excellent choice for coding and text editing. It comes in four styles: regular, italic, bold, and bold italic. Each style maintains the font’s distinctive look, ensuring text is easy to read.
![]()
Inconsolata
Inconsolata has been created to improve the readability of text, especially in coding environments. Its popularity among developers is a testament to its practicality and aesthetic appeal. It is available in two weights, regular and bold. It is also available on Google Fonts.
![]()
Meslo LG
Meslo LG is a custom version of the popular mono font Menlo, fine-tuned with a focus on coding. It offers features like adjusted line spacing and larger character sets. This monospaced font’s clear distinction between similar characters makes it a favorite among developers.
![]()
Vera Sans Mono
Vera Sans Mono, designed by Jim Lyles and part of the Bitstream Vera font family, is designed for clarity in coding and text editing. It comes in four styles: Regular, Oblique, Bold, and Bold Oblique.
![]()
Fira Mono
Fira Mono is part of Mozilla’s Fira font family. It has been designed to optimize readability in coding environments. Fira has open shapes and clear character distinction, helping to reduce the likelihood of confusion during coding. It is available in Regular, Medium, and Bold.
![]()
PT Mono
PT Mono is a monospaced font from the ParaType foundry. It offers excellent readability for coding, data entry, and even content creation. It comes in a single weight, giving you a precise, clean look. It is a popular choice for those looking for precision and simplicity in their work environment.
![]()
Envy Code R
Created by Damien Guard, Envy Code R is known for its blend of clarity and style. It is available in light, regular, and bold weights. Its features include a compact design that allows more characters per line and distinctive letterforms that help distinguish similar characters.
![]()
Ubuntu Mono
Dalton Maag designed Ubuntu Mono for the Ubuntu operating system. It was created to improve readability and user experience in coding and terminal usage. Ubuntu Mono’s commitment to clarity and functionality makes it a popular font for developers. It comes in four styles: Regular, Italic, Bold, and Bold Italic.
![]()
Liberation Mono
Steve Matteson designed Liberation Mono as an alternative to popular monospaced fonts like Courier. Available in four styles: Regular, Italic, Bold, and Bold Italic, it ensures clear legibility and efficient use of space, making it ideal for most coding environments.
![]()
Fantasque Sans Mono
Fantasque Sans Mono blends legibility with a playful, handwritten style. Its large line height and quirky, irregular shapes help to improve readability. Fantasque Sans Mono has various weights, including Regular, Italic, Bold, and Bold Italic.
![]()
Droid Sans Mono
Initially created for the Android operating system, Droid Sans Mono is a monospaced font with perfect spacing between characters. Its singular weight provides a no-nonsense approach to writing code, making it a popular choice among developers.
![]()
Consolas Mono Font
Consolas is characterized by its relatively high x-height, slightly condensed letterforms, and clear differentiation between similar characters, making it a favorite among programmers and developers. Its design combines functionality with elegance.
![]()
BPmono
BPmono’s simplicity and functionality make it a popular choice among developers looking for a reliable monospaced font. This font was designed by George Triantafyllakos and comes in three styles: Regular, Italic, and Bold.
![]()
Monaco
Monaco is a classic monospaced font designed for use on Macintosh systems. It’s known for its crisp, clean appearance and excellent readability, which makes it another favorite among developers. This single weight font gives you an uncluttered look for coding environments and text editing.
![]()
Victor Mono
Victor Mono is a free monospaced font with cursive italics. Designed by Ruben Holthuijsen, it offers excellent readability and includes italics for each weight.
![]()
Input Fonts
Input is a collection of monospaced fonts created solely for coding. The fonts offer various customization options to suit individual preferences. You can customize its width, weight, and style directly on the Input website, giving you a personalized coding experience.
![]()
Comic Mono
Comic Mono is a monospaced font that combines the personality of Comic Sans with the uniformity of monospace font characteristics. This font would be a unique choice for any developer.
![]()
Finding the Perfect Monospace Font
Choosing the perfect monospaced font for coding isn’t just about making your text look good; it’s about making your work easier to read, understand, and manage.
The right font can help prevent errors, reduce eye strain, and even make coding more enjoyable. Every coder has unique preferences, influenced by factors like character distinction, spacing, and overall readability.
That’s why it’s worth taking some time to experiment with different monospaced fonts to find the one that best fits your individual needs.
The post 15+ Best Free Monospaced Fonts for Developers & Coders appeared first on Speckyboy Design Magazine.
10+ Best Color Grading LUTs for DaVinci Resolve in 2026
Originally used in film labs, LUTs, or Look-Up Tables, are vital resources in digital editing software like DaVinci Resolve. They work by mapping current colors to preferred colors, giving you consistent color correction and grading across different scenes.
In video editing, LUTs make the color grading process easier, allowing you to quickly create professional and creative results. They save time, maintain uniformity, and give you more creative control.
This collection shares the best DaVinci Resolve LUT packs. From cinematic and wedding LUTs to those designed for travel and social media, these color grading resources will help you find the perfect look for your footage.
Professional Film LUTs for DaVinci Resolve
12 DaVinci Resolve LUTS
This DaVinci Resolve LUT pack has been designed to add cinematic color effects to your footage, replicating the look and feel of professional movie productions. It’s an excellent choice if you’re looking to add some movie magic to your videos.
![]()
Street LUTs for DaVinci Resolve
12 DaVinci Resolve LUTS
This LUT pack has been designed to give your videos an authentic street or city color effect. Whether you’re working on a documentary, music video, or any project with a city backdrop, this pack is perfect for capturing the mood of urban environments.
![]()
Old School DaVinci Resolve LUTs
12 DaVinci Resolve LUTS
If you’re working on a project that needs an old-school aesthetic, these DaVinci Resolve LUTs are a simple way to achieve it. This pack includes 12 LUTs, all designed to bring a retro or vintage feel to your video projects.
![]()
Thermograph LUTs for DaVinci Resolve
20 DaVinci Resolve LUTS
This DaVinci Resolve LUT pack has 20 unique thermograph color effects. They add a distinctive heat-vision style to your footage, perfect for artistic videos, music clips, and experimental films.
![]()
Cinematic Tone LUTs for DaVinci Resolve
15 DaVinci Resolve LUTS
This DaVinci Resolve LUT pack gives you fifteen epic movie-style color effects. These LUTs provide deep, impactful color grades, making them a valuable addition to your toolkit.
![]()
Aesthetic Dark DaVinci Resolve LUTs
12 DaVinci Resolve LUTS
This pack includes 12 dark and moody color effect LUTs. They’re ideal if you’re looking for a deep and emotional aesthetic. Perfect for suspenseful thrillers, dramatic short films, or any content needing a darker feel.
![]()
Moody Travel DaVinci Resolve LUTs
30 DaVinci Resolve LUTS
This pack includes 30 LUTs designed for any travel and adventure video that needs a dark color grading style. It is ideal for travel filmmakers and videographers who want a more emotional tone in their videos.
![]()
Social Media LUTs for DaVinci Resolve
74 DaVinci Resolve LUTS
This DaVinci Resolve LUT pack includes a variety of color grades that will help create striking tones and effects that will make your social media content stand out. They’re also perfect for Instagram-style color grading.
![]()
Fashion Color LUTs Pack for DaVinci Resolve
16 DaVinci Resolve LUTS
This set of 16 color grading presets has been designed for fashion and modeling. Perfect for fashion photographers and videographers, these presets will give your projects a sophisticated and modern look.
![]()
Stunning Landscape DaVinci Resolve LUTs
10 DaVinci Resolve LUTS
These color grading presets are ideal for video creators who want to highlight the natural beauty of landscapes and the outdoors. They offer precise color corrections to make your landscape footage vibrant and lifelike.
![]()
Romantic Wedding LUT Pack for DaVinci Resolve
15 DaVinci Resolve LUTS
This DaVinci Resolve LUT pack includes 15 color grading presets designed for wedding videographers. These presets will add elegance to your footage and capture the emotional and romantic atmosphere of the wedding.
![]()
Color Grading in DaVinci Resolve
As you dive deeper into DaVinci Resolve, remember to explore and experiment with different LUTs to find the packs that work best for you and your project.
These LUT packs offer a unique spectrum of colors, tones, and moods, giving you endless creative possibilities. As color grading trends change, staying updated with the latest LUTs will ensure your work is always fresh and engaging.
The post 10+ Best Color Grading LUTs for DaVinci Resolve in 2026 appeared first on Speckyboy Design Magazine.
10+ Best Free Minimal Logo Template Collections in 2026
Minimalist design has become the go-to choice for brand designers in recent years. While it looks simple, getting the balance right can be harder than it seems. That’s why starting with a solid template can save time and help things move along faster.
This collection includes some of the best minimalist logo templates that are free for personal and commercial projects. They can be used as inspiration or as a base for your next logo design.
A clean, minimal logo is easier to remember and works well in different settings — whether online, on packaging, or in print. Scroll through the templates and download anything that fits your next brand project.
You might also like our collection of free feminine logo templates.
What Defines a Minimal Logo?
Minimal logos are designed to be clear, direct, and easy to recognize. Instead of trying to say everything at once, they focus on just one idea—and make that idea as strong as possible.
- Few elements: Every shape, line, or letter has a reason to be there. Nothing extra is added just to fill space.
- Clean lines and simple shapes: The design stays basic so it’s easier to read, scale, and remember.
- No decoration: Shadows, gradients, and textures are usually left out. The design speaks for itself.
- Works in black and white: A minimal logo holds up without color, making it more flexible across different uses.
- Scales without losing detail: Whether on a billboard or a business card, the logo stays sharp and readable.
- Focuses on one idea: It’s built around a single concept, like a letterform, shape, or symbol that ties to the brand.
- Simple typefaces: Fonts are usually plain, bold, or custom, but never overdesigned or hard to read.
- Limited colors: If color is used, it’s often one or two flat tones that work well together.
- Balanced layout: Shapes and spacing are carefully arranged so nothing feels off-center or heavy on one side.
- Open space: The design doesn’t try to fill every corner. Empty space is part of the design and gives it room to breathe.
100 Minimal Logo Templates
In PSD, EPS & AI Formats
Check out this collection of 100 minimal logo templates if you’re looking for multiple and varied options. The templates come in Photoshop and Illustrator formats.
![]()
15 Minimal Logo Templates Vol.01
In Free, PSD Formats
This collection includes 15 different logo design templates for Adobe Photoshop. You can easily customize the typography as well as the colors.
![]()
50 Minimal Logo Templates Vol.04
In PSD & AI Formats
The logos in this collection are perfect if you need to work on a monogram or logo for a brand with a very short name. The templates are in Photoshop and Illustrator formats and have well-organized layers for easy editing.
![]()
Camelia – 15 Free Logo Templates
In Free, AI, EPS, PSD & PNG Formats
The Camelia collection of logos is a perfect choice for projects that revolve around natural and organic brands. The logo templates feature delicate floral elements, and you can easily modify the fonts thanks to the layered files.
![]()
100 Minimal Logo Template Collection
In PSD & AI Formats
This impressive collection of 100 minimal logo templates is a great choice no matter what type of project you’re working on. You will find fully editable, layered files as well as a help file that lists all the fonts used in the templates.
![]()
Free Minimal Photography Logo Templates
In Free, PSD Formats
If you’re working on a logo design for a photography business, this collection of 3 minimal photography logos will come in handy. The logos can be edited with Photoshop and use free fonts.
![]()
Minimal Logo Templates Vol.1
In PSD & AI Formats
When you subscribe, you will be able to download this collection of 20 minimalist logo templates. The logo designs come in Photoshop and Illustrator formats and are fully editable.
![]()
25 Minimal Logo Templates
In Free, PSD & AI Formats
This pack contains a grand total of 25 unique minimalist logo designs that can be used as a starting point for your next brand design or as an inspiration. The logo files can be edited using Photoshop and Illustrator.
![]()
50 Minimal Monogram & Wordmark Logo Templates
In PSD & AI Formats
Consider this collection of 50 minimal logos if you’re looking for variety in your logo designs. You’ll find monogram logos as well as wordmarks. The logos can be edited using either Photoshop or Illustrator.
![]()
15 Minimal Logo Templates
In Free, PSD, AI & EPS Formats
This free collection offers fifteen minimal logo templates, all using a stylish typographical style. Each logo works well on both light and dark backgrounds. The templates are available in Illustrator AI and EPS, and Photoshop PSD format.
![]()
Minimal & Geometric Logo Elements
In Free, AI, EPS & SVG Formats
This set includes nine minimal logo templates with geometric designs and a simple, flat color scheme. The logo set is available in Illustrator AI, EPS, and SVG formats.
![]()
10 Modern & Minimal Logo Templates
In Free, EPS & SVG Formats
This free package offers ten minimal logo templates with styles ranging from vintage crests to geometric badges. They are available in Illustrator EPS and SVG formats.
![]()
20 Minimalistic Vector Logo Templates
In Free, AI & PSD Formats
This collection features twenty free minimalist vector logo templates, including abstract and geometric designs. These are easy to edit and available in Photoshop PSD format.
![]()
Conclusion
A minimal logo keeps things simple without losing meaning. It’s not just about taking things away — it’s about making sure what stays actually matters. When done well, it communicates clearly and leaves a lasting impression.
Whether you’re starting fresh or updating an old design, minimalism can help focus attention on the core of the brand. No extra noise. Just what needs to be there, and nothing more.
The post 10+ Best Free Minimal Logo Template Collections in 2026 appeared first on Speckyboy Design Magazine.