Edgar Pérez | Frontend Design Engineer

codedgar.com ↗
Edgar Pérez | Frontend Design Engineer PC表示
Edgar Pérez | Frontend Design Engineer タブレット表示
Edgar Pérez | Frontend Design Engineer スマホ表示

Frontend Design Engineer with 10+ years building systems that scale. I help teams ship faster through architecture, design tokens, and clean code.

Skip to main content codedgar home about work services writing reach out 01 // system.init 10 years · 12 products · 6 teams scaled Hello, I'm Edgar Pérez Frontend Design Engineer Your team feels stuck. Features drag, releases break things, and nobody can explain why. I find the structural problems and organize the way forward. See my approach Case studies 0x01 // the problem 02 The Problem Frontend complexity doesn't announce itself. It piles up quietly until shipping anything feels like a fight. [01] Features take longer than they should Change one thing, five other places break. What should be a half-day task turns into a multi-day ordeal, and nobody can explain why. [02] New engineers take months to contribute Knowledge lives in people's heads. Conventions are undocumented. Onboarding is ad-hoc. [03] Design and engineering are misaligned No shared language, no design system governance, constant rework and miscommunication. [04] Performance degrades with every release The app gets heavier with every deploy. Pages that loaded in 2 seconds now take 5. Your users noticed before your team did. Most teams try to fix this by pushing harder or adding new policies without adding structure. That's aspirin. The real fix is structural, and that's what I do. 03 // section.about Who I Am I started in Venezuela, led teams across startups and agencies, and shipped products used by thousands. A client once called me "the organizer." There's more if you're curious. More about me → 0 + years Venezuela → enterprise scale 0 engineers led across 3 companies 0 % faster loads MapVX: 8s → 0.8s 0 + github stars Puppertino framework 04 // section.work Featured Work 2024 Frontend Tech Lead MapVX An indoor navigation platform drowning in technical debt. I rebuilt the CSS architecture, introduced 50+ design tokens, and cut loading times by 90%. Architecture Performance Team Scaling View case study → 2025 Creator & Maintainer GMK87 Configurator My keyboard had features I cou

Design Tokens(DOM解析データ)

このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。

カラーロール

Background#f4f4f4
Text#191818
Color #1#191818
Color #2#1b5def
Color #3color(srgb 0.0980392 0.0941176 0.0941176 / 0.7)
Color #4#f4f4f4
Color #5color(srgb 0.956863 0.956863 0.956863 / 0.8)

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Halfre 56px 400 67.2px normal
h2 Halfre 43.2px 400 51.84px normal
h3 Halfre 16px 400 19.2px normal
本文 JetBrains Mono 16px 400 25.6px normal
リンク JetBrains Mono 14px 400 22.4px normal
ボタン JetBrains Mono 12px 400 19.2px 0.24px

使用フォント頻度

Plus Jakarta Sans218箇所 JetBrains Mono62箇所 Halfre26箇所

スケール・形状

角丸スケール
0px 0px 4px 4px / 50%
シャドウ
2パターン使用
セクション余白(pt/pb)
106-128px / 80-80px / 80-80px / 80-80px / 80-80px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 56px / position: fixed

関連サイト