SkillMeter

Jordan Avery

Product Designer & Front-End Developer

Portland, Oregon · jordan@example.com · jordanavery.example

I design calm, useful products and then build them carefully by hand. This page is the skills half of my résumé: a quick, honest look at what I do well, grouped so you can find what matters to you in a few seconds.

Design

Design systems95%

Interface design92%

Prototyping88%

Typography90%

User research78%

Front‑End

HTML594%

CSS393%

Accessibility90%

JavaScript74%

Performance70%

Collaboration

Facilitation86%

Mentoring88%

Critique & feedback90%

Documentation85%

Tooling

Figma96%

Git82%

Design tokens84%

Motion68%

Using this template

This is a plain add-on page for any resume. To change a skill, open index.html and edit the name and the percentage. Each bar is sized by a single style="width: 95%" on its meter-fill span — make that number match the label and the bar follows.

The colours live at the top of style.css. The whole page uses just two accents, a deep navy and a clear green, so you can change both in seconds and still keep everything readable.