- Hanmac Color: continuous spectrum band (8/4/2 columns by width), 120px
swatches with name, role and HEX inside, Default/Light 4 role lines
- Company Colors: separate 120px chips (12px padding, 4px radius),
name top left and HEX bottom right; company layout and data unchanged
- Typography: Font Family/Weight in two columns with info | preview rows,
vertically centered specimens grouped by component, Text Colors chips
with 14px Medium names
- Shared colorHex/textTone helpers pick the first text tone reaching 4.5:1
- Update brand color guide and WORKING_CONTEXT
- Story page frame: H2 16/24/700 -> 12px -> divider -> 16px -> content, sections 28px apart;
StorySectionGrid keeps its 24px column gap
- Content indent (--sb-page-indent 16px, 12px at 640px and below): .sb-page-indent for information
blocks; group boards (StateBoard / CardBoard, data-sb-board) indented once per section block so
per-column boards keep their 24px gap
- Input / Select / Toggle Sizes grids take the same indent; field Labels unchanged
- Full-width Pattern previews (GNB, LNB, Loading Screen, Page Header) opt out with indent={false}
- Foundation/폰트: Text Colors name / usage / HEX levels, Font Family and Font Weight token lines,
Specimens row spacing and indent; specimen values unchanged
- Guideline and WORKING_CONTEXT updated
Show the four admin text colors (Primary, Secondary, Placeholder, Readonly Placeholder) as Hanmac color chips with Korean usage names at the top of Foundation/폰트, replacing the comparison and gray palette tables. Font Family, Font Weight and Typography Specimens are unchanged.
- Rename Foundation/Typography to 폰트 and SW/Footer to SW/하단 명령어바 in
the sidebar order; Story IDs are kept (foundation-typography, sw-footer).
- Hanmac Color: label Light 4 as "보더 하이라이트용" and add a divider between
Light 4 and Light 3.
- Hide Patterns/Layout/Page Header from the sidebar with the verification tag
(Story IDs and direct URLs are unchanged).
- Remove the Variants section from the representative LNB page; With Logo and
Long Labels remain as verification Stories.
- brand title to 한맥 디자인 시스템
- Foundation: 한맥 컬러 / 가족사 컬러 titles, Story IDs kept via explicit id
- Company Colors card order 2/2/3, Foundation/Layout hidden with verification tag
- sidebar order for Foundation and 조직도
Add Foundation > Company Colors as a separate Storybook menu placed right
after Color. It shows the 7 affiliates and 14 colors from the existing
companyColorPresets (main first, then secondary) with the Color chip styles
and the Default emphasis reused for the main color. Theme tokens, public API
and the existing Color story are unchanged.
- Foundation sort order: Color, Company Colors, Typography, Layout
- Company chip width rule scoped to the company rows
- Document the menu in brand-color-steps.md
- Add the new story to the Story Inventory records
shkim4
DESKTOP-KPCP6AL\ㅅㅎ