디자인 시스템
industrial-brutalist-ui
아날로그 그레인을 입힌 견고한 스위스 인쇄체 또는 CRT 터미널 인터페이스를 만듭니다.
무엇인가
스위스 타이포그래피 인쇄물과 군용 터미널 미감을 합친 인터페이스 디자인 시스템. 엄격한 그리드, 극단적인 타입 스케일 대비, 위험을 뜻하는 빨강 액센트 하나, 시뮬레이션된 아날로그 열화를 규정합니다.
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,
디자인에 왜 중요한가
- 프로젝트당 바탕 하나만 고르므로 라이트와 다크가 섞이는 일이 없습니다.
- border-radius를 전면 거부하므로 모든 모서리가 직각으로 유지됩니다.
- 하프톤, 스캔라인, 노이즈 필터가 표면이 밋밋한 벡터처럼 보이지 않게 잡아 줍니다.
다루는 내용
- Visual archetypes
- Typographic architecture
- Color system
- Layout and spatial engineering
- UI components and symbology
- Textural and post-processing effects
설치 방법
industrial-brutalist-ui
-
저장소를 클론하세요.
git clone https://github.com/Leonxlnx/taste-skill -
Codex에 스킬 파일 경로를 지정하세요.
skills/brutalist-skill/SKILL.md -
그다음 원하는 UI를 설명하세요. Codex가 스킬을 따릅니다.
Codex로 실행하는 법
-
원형 하나를 고르세요. 스위스 산업 인쇄체 또는 전술 텔레메트리 CRT 터미널.
-
큰 제목은 음수 트래킹을 준 clamp를 쓰고, 메타데이터는 작은 대문자 모노스페이스를 씁니다.
-
대비되는 배경과 1px 그리드 간격이 면도날처럼 얇은 구분선을 만듭니다.
여기 모인 플러그인은 모두 무료 오픈소스이며, 실제 업스트림 출처로 연결됩니다.
codex-design 목록에서 더 보기 ↗다른 Codex 디자인 플러그인
프런트엔드 & UI 무엇을 하나 gpt-taste GSAP 스크롤 모션과 빈틈없는 벤토 그리드로 수상작급 랜딩 페이지를 만듭니다. 
디자인 시스템 무엇을 하나 Stitch Design Taste Google Stitch가 흔해 빠진 화면 대신 개성 있는 화면을 내놓도록 DESIGN.md를 작성합니다. 
프런트엔드 & UI 무엇을 하나 image-to-code 디자인 이미지를 먼저 생성하고 분석한 뒤, 그에 맞는 프런트엔드 코드를 만듭니다. 
프런트엔드 & UI 무엇을 하나 imagegen-frontend-mobile 프리미엄 모바일 앱 화면 플로우를 코드가 아니라 이미지로 생성합니다. 다음 단계
세팅 없이, Open Design으로 디자인하기
이 플러그인을 직접 설치해도 되고, Open Design으로 Codex 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.