← back

design

brand identity and design system for adampang.com. minimal, modular, built for speed.

identity

♾️

Adam Tomas Pangelinan

23. human. spawned on guam.

adampang.com

colors

Primary

#2563eb

Foreground

#1a1a1a

Background

#fafafa

Muted

#64748b

Border

#e2e8f0

typography

Light 300

The quick brown fox jumps over the lazy dog

Regular 400

The quick brown fox jumps over the lazy dog

Bold 700

The quick brown fox jumps over the lazy dog

voice & tone

lowercase

all text in lowercase. no shouting. calm energy.

concise

say it in 10 words or less. essays max 500 words.

honest

no fluff. no corporate speak. real talk only.

curious

philosophy, technology, music. always learning, always building.

symbols

♾️ favicon / logo 🔥 pain 🐉 transformation 🔥→🐉 origin story

stack

Jekyll GitHub Pages Vanilla CSS Vanilla JS Lato

usage

css custom properties for theming. tokens in :root (light) and .dark (dark mode). components use var(--primary), var(--card), var(--border), etc. border radius 12px. shadows multi-layered and subtle. mobile breakpoint 600px. container max-width 800px.