JMYoung Hoyos
ENES
Menu
Design system

Ligne Claire, in CSS

Flat colour, black ink, hard corners. Every device below is part of the site’s identity — this page exists so they cannot quietly drift apart.

Palette

  • ink#000000
  • red#F0403E
  • blue#269EEF
  • yellow#FFD152
  • ochre#F1B745
  • skin#FFC6A6
  • cream#FFEAB6
  • sky#9EDEFF
  • panel#F5F5F5
  • hairline#EBEBEB
  • ghost#E8E8E8
  • invert#181818

Type scale

Problem Solver

Section heading, 64px

Subheading, 30px, light

Body copy at 18px in Josefin Sans. Headings are Jost — a free geometric standing in for Futura PT, which the old site self-hosted without a webfont licence.

56+

Buttons

External

Eyebrow badge and tags

about me
RustRoboticsNestJSFeaturedsmall

Comic panels

Real artwork on the left, the placeholder title card on the right — that fallback is what lets a project ship before its panel has been drawn.

Rust
AI development

Hero illustration

Ligne claire illustration of Juan Manuel Young Hoyos reading a book, with a rocket and a lightbulb overhead

Icons

22 inline SVGs, replacing the five icon fonts (3.1 MB) the old site loaded.

  • arrow-up
  • arrow-right
  • close
  • menu
  • external-link
  • mail
  • calendar
  • map-pin
  • award
  • briefcase
  • globe
  • github
  • gitlab
  • linkedin
  • instagram
  • x
  • youtube
  • stackoverflow
  • hackthebox
  • appstore
  • playstore
  • rss

Marquee