LOGO GUIDE · V1.1
JHF Monogram
Jinghan Feng — personal mark. J (left) · H (center) · F (right) share one crossbar. v1.1 keeps every proportion of v1 and only cleans the construction: one gap value, one radius rule, and a seamless F.
02
Anatomy
J
Stem + dot
H
Two stems + crossbar
F
Stem + arm + crossbar
03
Before / After
v1 — as shipped
v1.1 — same proportions · one gap · clean F joint
04
Clear space & minimum size
Keep 1w (crossbar height) clear on every side.
96px
48px
32px
24px
16px
Minimum 24px tall on screen. Below that the gaps (w/3 ≈ 1px) close up —
use the app-icon variant for favicons.
05
Color
Primary · white on black
#FFFFFF / #0B0B0B
Inverse · black on white
#0B0B0B / #FFFFFF
Accent · optional
#FFFFFF / #FF4D2E
06
Variants — explorations on the same grid
A · App icon / favicon — mark at 62% of tile width, tile radius 22.5%
B · Outline — for large print / embossing, 2px inside stroke at u = 40
C · J hook — dot joins the stem, J reads instantly (trade-off: loses the dot rhythm)
JINGHAN FENG
PRODUCT & INTERACTION DESIGN
D · Horizontal lockup — gap between mark and type = 1 heavy stem
07
Master component
Logo / JHF Monogram — master 322 × 276 (w = 42). Use instances; scale with K so strokes, gaps and radii stay proportional. Nav size: 64.4 × 55.2.
01
Construction
1.3w
w
g
g
g
2.6w
2.3w
w
1.45w
≈3g
7.7w
6.6w
Specs (w = light stroke = 42 at master size)
Light stroke w
Crossbar, F stem, F arm, right stem.
Heavy stroke
1.3w — the J/H stem. Kept from v1: it gives the mark its left-weighted rhythm.
Gap g
w/3 — every gap, horizontal and vertical (v1 had 2.6 / 3.0).
Radius
Always half the shorter side → fully round caps, no mixed radii.
Stems
Top 2.3w, bottom 2.6w — v1 lengths kept.
J dot
Horizontal pill 1.45w × 1.3w, flush with the crossbar’s left edge.
F
Stem + arm merged into one shape. Arm ends flush with the crossbar.
Bounds
7.7w × 6.6w (322 × 276 master, 64.4 × 55.2 in the nav).
What changed from v1 (only these)
— F joint: the arm was a separate block with square left corners, leaving a notch on the stem cap → merged, clean.
— Gaps: 2.64 / 3.0 → one value (w/3).
— Values snapped: 10.78 / 8.39 / 19.29 / 22.05 → clean multiples at master size.