Wrobocon 2025

Type

Website and branding

Year

2025

Client

Nice Project

Scope

Angular, Figma, Adobe Illustrator, Photoshop

Wrobocon 2025 is a 4th edition of the online conference. This years edidion required stylistic update and new identification that is a characteristic approach in wrobocon's events to distinguish eaditions by color and component updates

01

Context

Each year, Wrobocon requires a refreshed visual identity and improved UX based on lessons from past editions

The wesbite have evolved from a simple landing page into a more complex, brand driven product, but still needed clreared structure and stronger UX

02

Opportunity

For the 2025 edition , themed -Robot Unknown- the visual system was redesigned

The logo and core typography stayed unchanged to preserve brand recognition, while the overall look and interaction model were rebuilt to support this year'a theme

One key idea was the use of microlearnirn content as a design transition (used for gradually shifting colors from previous year's palette into the current one)

03

Delivery

Aconsistent brand identity across website, presentations, and social media

Aliving style guide for the team and contributors

Increased engagement through interactive content and visual storytelling (measured by google analytics)

Clearer content structure and improved user flow compared to previous years

Design System

A comprehensive style guide showcasing the visual language, components, and design principles used throughout the project.

Wrobocon 2025 Design System

Style Guide & Components

v4.0

2025

Typography

HEADINGS

WROBOCON 2025

Section Header

Subsection

BODY TEXT

Regular body text for main content

Large text for important information

Captions and metadata

LABELS

NAVIGATION LABEL

Color Palette

PRIMARY

#3628d9
#8338ec

SECONDARY

#e3fa62
#1e0044

NEUTRAL

#f8f7f3
#e8e8e8
#3a3935

Components

BUTTONS

BADGES

FEATURE CARDS

Portfolio

Card Title

Card description text

Grid System

12-COLUMN GRID • MAX-WIDTH: 800px

BREAKPOINTS

Mobile: < 768px
Tablet: 768px - 1024px
Desktop: > 1024px

SPACING

Container: 32px (2rem)
Card Padding: 25px
Section Gap: 64px (4rem)

Design Principles

Yearly Evolution

Each edition features a distinct color scheme while maintaining core brand identity and recognition

Technical Precision

Monospace typography and structured layouts reflect the technical nature of robotics

High Contrast

Bold color combinations ensure excellent readability and visual impact across all media

Modular System

Component-based design allows for easy updates and consistent application across platforms

Brand Voice

Technical yet approachable, emphasizing innovation in robotics with bold visual statements that evolve yearly while maintaining brand consistency