Skip to content

Refresh of the PHP 8.5 Release Page #1536

@christian-acceseo

Description

@christian-acceseo

Names and Contact Details

Nacho Olcina Valero - [email protected] / Christian Córdoba Andrés - [email protected]

Link to mockup/prototype

https://www.figma.com/proto/vb2hywe3xW06xs4kiknAqX/Concurso-PHP?page-id=1%3A54&node-id=4615-2104&viewport=-5309%2C3393%2C1.07&t=DdwuXcQMUQg4ljka-1&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=4608%3A279&hide-ui=1

Rationale (300-600 words)

Prototypes

💻 Desktop
📱 Mobile

Screenshots

🌑 Dark version

Image Image Image

🌕️ Light version

Image Image

Rationale

Visual Identity and Design System

A new color palette has been developed, inspired by the original PHP ecosystem tones but updated to improve contrast, visual hierarchy, and accessibility.
The new palette ensures better readability and meets accessibility standards for text and interactive elements. The combination of technical accents and neutral backgrounds enhances clarity and strengthens the digital character of the project.
The redesign also includes two interface versions: dark and light, maintaining visual consistency between them and adapting to developer preferences—especially those who typically work in dark environments.
The chosen typeface is Fira Mono, used as the main font across both text and code snippets. Its monospaced structure provides visual consistency, precision, and comfortable reading in technical contexts, aligning the entire interface with the visual identity of the PHP language.

Image

Structure and User Experience

The redesign focused on optimizing user experience (UX) through a clearer and more predictable structure. Headings, anchors, and visual hierarchies were reorganized to improve content exploration and enable progressive reading on both desktop and mobile.
The result is a more intuitive page where information is presented directly and navigation between sections feels natural and efficient.

Key Content and Visual Communication

The top section (hero, above the fold) now features a “Highlights” block summarizing the four main updates of PHP 8.5. This addition enhances communication efficiency, allowing users to grasp the key improvements at a glance while maintaining technical accuracy.

Overall Restructuring

Beyond the main content page, the header and footer have been redesigned to create a more coherent and unified layout across the entire website.
The code example sections—both from the previous and the new version—have been refreshed with a cleaner, more contemporary look. Colors, contrasts, and text layout simulate a modern code editor environment, ensuring coherence with the visual language of the tech industry.

General Style

The new design adopts a soft neobrutalist, minimalistic, and tech-inspired aesthetic, characterized by solid blocks, monospaced typography, and precise color accents. This approach balances functionality, clarity, and visual freshness, resulting in a modern presentation that resonates with the developer community and reflects the ongoing evolution of PHP.

🧑‍🔧 Credits

We are a team from acceseo.com: Nacho Olcina Valero, Noelia Saa Marzà, Camila Hernández, Christian Córdoba Andrés

License

  • I confirm, and agree.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions