# styles — AI design reference style library > Curated reference styles for AI-assisted design. Each style ships one fetch-and-apply bundle (design rules + tokens + golden example) at /s//llms.md. Start with index.min.json to pick a style, then fetch its bundle — that's the whole loop. ## Styles - [Acid Display Tech Zine](https://web.ggum.uk/styles/s/acid-display-tech-zine/llms.md): 짙은 캔버스 위에서 애시드 민트·울트라바이올렛 듀오가 충돌하고, 굵은 포스터 디스플레이 활자와 의도적으로 어긋난 비대칭 진(zine) 레이아웃·하드 오프셋 스냅 모션으로 짠 테크 매거진 스타일. - [Aesop Apothecary](https://web.ggum.uk/styles/s/aesop/llms.md): 따뜻한 크림 배경 위에 차분한 차콜 텍스트, 절제된 스위스 산세리프와 낮은 채도의 앰버 액센트로 완성한 아포테카리 럭셔리 에디토리얼 스타일. - [Allbirds](https://web.ggum.uk/styles/s/allbirds/llms.md): 따뜻한 샌드(#ece9e2)와 어스 톤 팔레트로 지속가능성을 시각화한 오가닉 이커머스 — 자연스러움이 곧 프리미엄이다. - [Amie](https://web.ggum.uk/styles/s/amie/llms.md): 크리미한 화이트(#fafafa) 위에 스카이블루 CTA(#11a8ff)와 골드 포인트(#ffd700)가 놓인 클레이모피즘 감성의 노트 앱 — 부드럽고 둥글고 입체적이다. - [Angular True Black](https://web.ggum.uk/styles/s/angular-true-black-prestige/llms.md): 순흑 캔버스에 헥사곤·예각 사선 clip-path 패널이 비대칭으로 맞물리고 골드 1px 보더·all-caps 콘덴스드 산세리프로 외치는 공격적 프레스티지 다크 스타일. - [Anthropic Paper](https://web.ggum.uk/styles/s/anthropic/llms.md): 따뜻한 크림 페이퍼 위에 기하학적 산세리프 헤드라인과 고전 세리프 스테이트먼트를 얹고, 저채도 진흙빛 코랄을 구두점처럼 쓰는 절제된 에디토리얼 스타일. - [Apple Premium](https://web.ggum.uk/styles/s/apple/llms.md): 순백 배경 위 대형 제품 사진과 SF Pro 시스템 타이포 — 여백과 정밀함으로 프리미엄을 말하는 제품 마케팅 스타일. - [Arc Browser](https://web.ggum.uk/styles/s/arc/llms.md): 비비드 블루-퍼플 그래디언트와 프로스티드 글래스 패널이 만드는 미래적 브라우저 UI — 투명도와 블러가 깊이감을 연출한다. - [Archive Library](https://web.ggum.uk/styles/s/archive-library/llms.md): 디지털 아카이브·도서관 카탈로그 미감 — 빽빽한 인덱스 행, 세리프+모노 혼합, 종이빛 베이지 위 검정, 모노 메타데이터 라벨. - [Art Nouveau Florido](https://web.ggum.uk/styles/s/art-nouveau/llms.md): 휘감기는 채찍 곡선(whiplash) SVG 장식과 흐르는 가라몬드 세리프, 머스터드·세이지·플럼 벨 에포크 팔레트의 1890년대 아르누보 웹 스타일. - [Aurora French Modernism](https://web.ggum.uk/styles/s/aurora-french-modernism/llms.md): 노랑→시안→핑크 오로라 메시 그라디언트가 섹션 배경 면을 가득 채우고, 버튼·카드는 반경 0의 직각, 큰 지오메트릭 산세리프와 스냅 모션이 얹힌 프랑스 모더니즘 웹 스타일. - [Bauhaus Geometric](https://web.ggum.uk/styles/s/bauhaus-geometric/llms.md): 원·삼각형·사각형과 빨강·노랑·파랑 3원색만으로 화면을 짜는 바우하우스 조형 스타일 — 도형은 격자에 정렬되고 회전은 0°/45°뿐이다. - [Bento Modern](https://web.ggum.uk/styles/s/bento-modern/llms.md): 애플 키노트 시대의 벤토 그리드 — 중립 캔버스 위에 크기가 뒤섞인 라운드 타일들이 스케일 대비로 이야기하는 스타일. - [Big Type Statement](https://web.ggum.uk/styles/s/big-type-statement/llms.md): 초대형 디스플레이 타이포가 콘텐츠 그 자체 — 음수 자간으로 밀착된 clamp 12vw 글자가 화면을 압도하는 무채 + 강조 1색 스타일. - [Blueprint Grid](https://web.ggum.uk/styles/s/blueprint-grid/llms.md): 24px 헤어라인 도트/라인 그리드를 의도적으로 노출하고 콘텐츠를 격자에 스냅시키는 청사진형 웹 스타일 — 흑백 양극에 단 하나의 시그널 레드. - [Chiaroscuro Motorsport](https://web.ggum.uk/styles/s/chiaroscuro-motorsport/llms.md): 순흑·순백 면이 엣지투엣지로 극적 분할하는 명암 대비 위에 디스플레이 세리프와 좁은 매거진 칼럼, 단 한 점의 레이싱 레드를 얹은 모터스포츠 에디토리얼. - [Clerk Soft Futurism](https://web.ggum.uk/styles/s/clerk/llms.md): 밝은 오프화이트 캔버스 위에 정제된 보라 브랜드 액센트와 부드러운 그라디언트·글로우를 얹은 개발자 인증 SaaS 스타일 — 새까만 헤딩과 은은한 미래감이 공존한다. - [Couture Color Block](https://web.ggum.uk/styles/s/couture-color-block/llms.md): 흰 캔버스에 채도 깊은 솔리드 컬러 블록을 큼직하게 비대칭으로 깔고, 가는 디스플레이 세리프를 얹은 모션 없는 쿠튀르 에디토리얼. - [Dark Luxury](https://web.ggum.uk/styles/s/dark-luxury/llms.md): 먹빛 차콜 위에 샴페인 골드 단 한 톤, 가는 하이콘트라스트 세리프 디스플레이 — 모든 것이 느리게 흐르는 다크 럭셔리. - [De Stijl Neoplastic](https://web.ggum.uk/styles/s/de-stijl/llms.md): 굵은 순흑 수직·수평 선이 화면을 비대칭 직사각형 면으로 분할하고, 소수의 면만 순수 삼원색으로 채우는 1917년 신조형주의 스타일 — 모션은 없다. - [Editorial Confidence](https://web.ggum.uk/styles/s/editorial-confidence/llms.md): 넓은 미색 캔버스에 비대칭 다단 그리드, 큰 디스플레이 세리프 헤드라인과 단 하나의 딥 포레스트 면강조색으로 잡지 같은 차분한 권위를 내는 편집형 스타일. - [Editorial Longform](https://web.ggum.uk/styles/s/editorial-longform/llms.md): 잡지 기사를 웹으로 옮긴 롱폼 읽기 스타일 — 680px 세리프 단일 컬럼, 드롭캡, 컬럼을 깨고 나오는 풀퀘이트와 이미지. - [Editorial Swiss](https://web.ggum.uk/styles/s/editorial-swiss/llms.md): 국제주의 타이포그래피 그리드 위에 잡지 편집 감성을 얹은 흑백 중심 스타일 — 여백이 곧 장식이다. - [Figma Playful](https://web.ggum.uk/styles/s/figma/llms.md): 새하얀 캔버스에 검정 텍스트·CTA로 뼈대를 잡고, 히어로에 피그마 시그니처 멀티컬러(레드·오렌지·퍼플·블루·그린)를 콜라주처럼 흩뿌리는 밝고 장난스러운 프로덕트 마케팅 스타일 — 크롬은 절제, 컬러가 성격을 만든다. - [Framer Bold](https://web.ggum.uk/styles/s/framer/llms.md): 순수 검정 캔버스 위에 GT Walsheim의 크고 촘촘한 디스플레이 타입과 흰색 알약형 CTA, 그리고 프레이머 블루 액센트를 얹은 극적인 다크 프로덕트 마케팅 스타일. - [GitHub Dark](https://web.ggum.uk/styles/s/github/llms.md): 딥 네이비(#0d1117) 위에 그린 CTA(#08872b)와 보라 글로우가 어우러진 개발자 생태계의 대표 다크 랜딩 — 신뢰감과 활력이 공존한다. - [Glass Soft Futurism](https://web.ggum.uk/styles/s/glass-soft-futurism/llms.md): 블루→바이올렛 메시 그라디언트 위에 서리 낀 반투명 유리 카드를 띄운 소프트 퓨처리즘 — 부드럽고 시원하고 미래적인 AI/SaaS 랜딩 감성. - [Grand Serif Statement](https://web.ggum.uk/styles/s/grand-serif-statement/llms.md): 오프화이트 화면을 초대형 디스플레이 세리프 한 단어가 풀블리드로 가득 채우는 빅타이포 웹 스타일 — 활자가 곧 콘텐츠다. - [Gumroad Flat](https://web.ggum.uk/styles/s/gumroad/llms.md): 크림색 바탕 위 새까만 텍스트와 핫핑크 액센트로 외치는 플랫 브루탈리즘 — 그림자 없이 얇고 또렷한 검정 테두리, 거대한 레귤러 웨이트 그로테스크 헤드라인, 쨍한 원색 블록으로 승부하는 검로드식 대담함. - [Iridescent Marketing Flow](https://web.ggum.uk/styles/s/iridescent-marketing-flow/llms.md): 밝은 화이트 캔버스 위로 파스텔 라임·코랄·스카이 곡면 컬러 블록이 흐르고, 굵은 산세리프와 알약 CTA로 발랄한 자신감을 내는 마케팅 웹 스타일. - [Linear Dark](https://web.ggum.uk/styles/s/linear/llms.md): 거의 검정에 가까운 캔버스 위에 Inter의 촘촘한 음수 자간과 인디고 브랜드 액센트를 얹은 다크 네이티브 프로덕트 스타일 — 절제된 엘리베이션과 선명한 대비가 미학이다. - [Memphis Postmodern](https://web.ggum.uk/styles/s/memphis-postmodern/llms.md): 원색과 파스텔이 충돌하고 지그재그·물방울·반원이 흩뿌려지는 포스트모던 키치 웹 — 색의 과잉이 곧 정체성. - [Mercury Soft Fintech](https://web.ggum.uk/styles/s/mercury/llms.md): 짙은 네이비 캔버스 위에 페리윙클 브랜드 액센트와 부드러운 파스텔 그라디언트를 얹은 스타트업 뱅킹 미학 — 정제되고 신뢰감 있으며, 필로 라운드와 시네마틱 히어로가 특징이다. - [Monospace Docs](https://web.ggum.uk/styles/s/monospace-docs/llms.md): 전면 모노스페이스 타이포·순백 배경·헤어라인 격자로 짠 라이트 모드 문서/레퍼런스 사이트 스타일 — 정보 밀도와 정렬 정밀함만으로 성립한다. - [Monzo](https://web.ggum.uk/styles/s/monzo/llms.md): 코럴 레드(#ff4f40)와 딥 네이비(#112231)가 만드는 따뜻하고 친근한 디지털 뱅킹 — 금융인데 사람 냄새가 나는 브랜드 디자인이다. - [Neo-Brutalist](https://web.ggum.uk/styles/s/neo-brutalist/llms.md): 굵은 검정 테두리와 번지지 않는 하드 오프셋 그림자, 쨍한 원색으로 무장한 시끄럽고 장난스러운 네오브루탈리즘 — 버튼은 눌리고 튀어 오른다. - [News Journal Grid](https://web.ggum.uk/styles/s/news-journal/llms.md): 신문 1면을 웹으로 옮긴 미감 — 다단 밀집 그리드, 굵은 세리프 헤드라인, 가는 룰 라인 구획, 빨강 한 점. - [Nothing Tech](https://web.ggum.uk/styles/s/nothing/llms.md): 라이트 그레이(#f5f5f5) 위에 도트 폰트와 블랙 CTA가 만드는 뉴모피즘 감성의 테크 브랜드 — 미니멀하면서도 촉각적이다. - [Notion Workspace](https://web.ggum.uk/styles/s/notion-workspace/llms.md): 종이 같은 화이트 캔버스에 따뜻한 잉크 텍스트, 절제된 블루 액센트, 손그림 일러스트의 온기를 얹은 문서형 생산성 도구 스타일. - [Oatly Zine](https://web.ggum.uk/styles/s/oatly/llms.md): 크림빛 종이 위에 손으로 휘갈긴 검정 활자, 마커로 툭 찍은 파스텔 얼룩, 복사기로 긁어낸 콜라주 — 반짝임을 거부하는 손맛 가득한 반(反)기업 진(zine) 감성. - [Orbital Warm Editorial](https://web.ggum.uk/styles/s/orbital-warm-editorial/llms.md): 따뜻한 크림 캔버스 위에 완전 라운드 알약 도형이 궤도처럼 겹치고, 세리프 헤딩·산세리프 본문에 코랄/앰버 듀오가 강조하는 playful 브랜드 스타일. - [Perplexity Peppermint](https://web.ggum.uk/styles/s/perplexity/llms.md): 따뜻한 오프화이트(페퍼민트) 종이 위에 웜 오프블랙 텍스트, 딥 틸(#016A71) 브랜드 액센트와 부드러운 라운드로 완성한 답변 엔진의 차분한 코퍼릿 스타일. - [Pitch Vibrant](https://web.ggum.uk/styles/s/pitch/llms.md): 화이트 캔버스와 딥 인디고 브랜드 블록을 오가며 일렉트릭 바이올렛·라임·라벤더로 대비를 터뜨리는, 자신감 넘치는 프레젠테이션 마케팅 스타일. - [Poolsuite](https://web.ggum.uk/styles/s/poolsuite/llms.md): 파스텔 핑크(#f6d5d5)에 90년대 OS 윈도우와 도트 폰트가 어우러진 레트로 퓨처리즘의 정수 — 디지털 노스탤지어와 여름 바이브가 만난다. - [Bauhaus Deck](https://web.ggum.uk/styles/s/ppt-bauhaus/llms.md): 원·삼각형·사각형과 빨강·노랑·파랑 3원색만으로 짜는 16:9 기하 추상 슬라이드 — 도형이 겹치고 대각으로 가로지르며 비대칭 균형을 이룬다. - [Cinematic Keynote](https://web.ggum.uk/styles/s/ppt-cinematic-keynote/llms.md): 순흑 무대 위 거대한 키 비주얼 한 점과 최소화된 라이트 산세리프 — 한 슬라이드 한 메시지의 시네마틱 키노트 덱 스타일. - [Consulting Ghost Deck](https://web.ggum.uk/styles/s/ppt-consulting-ghost/llms.md): 순백 캔버스 위 완결 문장 액션 타이틀 + 무채색 슬레이트 본문, 강조는 잉크 네이비 단 1칸 — 전략 컨설팅 덱의 고스트 프레임워크 스타일. - [Dark Luxury Keynote](https://web.ggum.uk/styles/s/ppt-dark-luxury-keynote/llms.md): 거의 순흑 무대에 풀블리드 제품 사진이 떠 있고, 샴페인 골드 0.5pt 헤어라인 프레임과 넓은 자간의 가는 디스플레이 세리프가 럭셔리를 만드는 다크 키노트 덱. - [Data Infographic Deck](https://web.ggum.uk/styles/s/ppt-data-infographic/llms.md): 옅은 회색 캔버스 위 흰 카드가 4~8개 모듈로 빽빽이 뜬 대시보드형 슬라이드 — 색이 데이터 인코딩에 종속되는 고밀도 인포그래픽 덱 스타일. - [Editorial Magazine Deck](https://web.ggum.uk/styles/s/ppt-editorial-magazine/llms.md): 펄 화이트 지면 위 비대칭 다단 칼럼, 큰 세리프 헤드라인과 드롭캡, 풀컷 사진이 교차하는 고급 잡지 스프레드 프레젠테이션 스타일. - [Exhibit Consulting Deck](https://web.ggum.uk/styles/s/ppt-exhibit-consulting/llms.md): 모든 슬라이드 좌상단 `Exhibit N.N` 번호 + answer-first 결론 헤더 + 하단 `Source:` 각주, 강조는 그린 단 한 색 — 근거 중심 전략 컨설팅 exhibit 덱 스타일. - [Glassmorphism Deck](https://web.ggum.uk/styles/s/ppt-glassmorphism/llms.md): 반투명 프로스티드 글래스 패널이 4색 메시 그라디언트 위에 부유하고, 밝은 하이라이트 보더가 깊이를 만드는 16:9 슬라이드 스타일 — 배경이 색을 담당하고 강조는 흰색 하나뿐. - [Hand-drawn Sketch Deck](https://web.ggum.uk/styles/s/ppt-hand-drawn-sketch/llms.md): 손그림 흔들림 테두리 + 거친 펜 화살표·말풍선·사선 해칭이 크림색 종이 위에 놓인 워크숍 보드 스타일의 16:9 덱. - [Kicker Report Deck](https://web.ggum.uk/styles/s/ppt-kicker-report/llms.md): 모든 슬라이드가 '네이비 키커 → 굵은 제목 → 잉크 룰' 같은 머리로 시작하고, 수치는 볼드가 아니라 크기로 말하는 순백 바탕의 한국형 실무 보고서 덱. - [Memphis Retro Deck](https://web.ggum.uk/styles/s/ppt-memphis-retro/llms.md): 채도 100% 원색 블록이 충돌하고 지그재그·도트·테라조 패턴 조각과 비정형 기하 도형이 비대칭으로 부유하는, 80~90년대 멤피스 포스트모던 키치 슬라이드 스타일. - [Navy IR Deck](https://web.ggum.uk/styles/s/ppt-navy-ir/llms.md): 딥 네이비 전면에 메탈릭 골드 0.5pt 헤어라인이 헤더·표·섹션을 가르고, 트랜지셔널 세리프 헤딩 + 등폭 재무 표가 권위를 만드는 IR 덱 스타일. - [Results Metric Deck](https://web.ggum.uk/styles/s/ppt-results-metric/llms.md): 순백 슬라이드 중앙 상단에 거대 결과 메트릭 한 점(+34%·2.7×)이 시선을 독점하고 아래 작은 캡션이 맥락을 다는, 브랜드 레드 단색 강조·중앙 정렬 단일 축의 성과 메트릭 중심 컨설팅 덱. - [Swiss Editorial Bold](https://web.ggum.uk/styles/s/ppt-swiss-editorial/llms.md): 정밀 12열 그리드 위에 거대 압축 디스플레이 활자를 타이포그래픽 일러스트로 쓰는 흑백+스팟 1색 에디토리얼 덱 스타일 — 질서 위의 의도된 혼돈. - [Vivid Gradient Future Deck](https://web.ggum.uk/styles/s/ppt-vivid-gradient/llms.md): 채도 높은 4정점 메시 그라디언트가 슬라이드를 풀블리드로 채우고, 발광 3D 형태와 굵은 기하 산세리프가 그 위에서 외치는 미래지향 테크 키노트 스타일. - [Radical Subtraction](https://web.ggum.uk/styles/s/radical-subtraction/llms.md): 풀뷰포트 시네마틱 사진 위 짧은 중앙 헤드라인과 외곽선/솔리드 버튼 한 쌍만 남긴, 장식을 전부 걷어낸 순수 무채 클린 화이트 스타일. - [Raycast Dark](https://web.ggum.uk/styles/s/raycast/llms.md): 잉크빛 #07080a 캔버스 위에 순백 텍스트와 산호빛 코랄(#ff6363) 브랜드 액센트, 대각선 코랄·틸 광선 글로우와 유리처럼 도드라진 흰색 버튼이 시그니처인 다크 네이티브 런처 미학. - [Risograph Print](https://web.ggum.uk/styles/s/risograph-print/llms.md): 리소그래프 인쇄의 미감을 웹으로 — 형광 핑크·코발트·머스터드 스폿 잉크가 1~4px 어긋나고, 망점과 그레인이 종이빛 화면을 덮는다. - [Spotify Dark](https://web.ggum.uk/styles/s/spotify/llms.md): 짙은 어둠 위에 시그니처 그린(#1DB954)이 빛나는 뮤직 스트리밍의 아이코닉 다크 UI — 카드 기반 레이아웃과 라운드 엘리먼트가 특징이다. - [Stripe Gradient](https://web.ggum.uk/styles/s/stripe-gradient/llms.md): 순백 캔버스와 딥 네이비 텍스트 위에 인디고(#533afd) 브랜드와 시그니처 대각선 그라디언트 메시 히어로를 얹은, 개발자 신뢰감의 클린 코퍼레이트 SaaS 스타일. - [Supabase](https://web.ggum.uk/styles/s/supabase/llms.md): 밝은 뉴트럴 캔버스에 시그니처 에메랄드 그린 하나를 브랜드 액션으로 얹은 오픈소스 개발자 플랫폼 스타일 — 위계는 색이 아니라 얇은 보더와 라운드 카드, Inter/Manrope 타이포로 만든다. - [Superhuman](https://web.ggum.uk/styles/s/superhuman/llms.md): 따뜻한 오프화이트 지면 위에 시네마틱 바이올렛 그라디언트 히어로를 얹은 프리미엄 프로덕티비티 스타일 — 빠르고 정제되고 값비싸 보인다. - [Tactile Luxury Editorial](https://web.ggum.uk/styles/s/tactile-luxury-editorial/llms.md): 크림-샌드 종이 위에 미세한 그레인 텍스처와 비대칭 매거진 그리드를 얹은 촉각적 럭셔리 에디토리얼 — 세리프와 산세리프가 한 면에서 만난다. - [Teenage Engineering](https://web.ggum.uk/styles/s/teenage-engineering/llms.md): 순백 캔버스 위에 굵은 블랙 타이포와 도트-매트릭스 아이콘이 펼치는 Y2K 산업 미학 — 제품이 곧 디자인이다. - [Terminal Core](https://web.ggum.uk/styles/s/terminal-core/llms.md): 인광빛 그린 액센트와 모노스페이스 타입으로 짜인 CLI/HUD 감성의 다크 네이티브 상태 콘솔 스타일 — 정보 밀도가 곧 미학이다. - [Twitch](https://web.ggum.uk/styles/s/twitch/llms.md): 퍼플(#9146FF) 에너지가 폭발하는 라이브 스트리밍 인터페이스 — 다크/라이트 양 모드에서 생동감 넘치는 카드 그리드와 뱃지가 특징이다. - [Velvet Dark Boutique](https://web.ggum.uk/styles/s/velvet-dark-boutique/llms.md): 와인기 도는 딥 차콜 벨벳 바탕에 골드-브론즈 헤어라인으로 두른 모듈러 벤토 룩북 — 발광 없는 다크 럭셔리 부티크. - [Vercel Monochrome](https://web.ggum.uk/styles/s/vercel-mono/llms.md): 순백 캔버스 위 진짜 검정 — Geist 타이포그래피와 1px 헤어라인, 그레이스케일 위계만으로 완성하는 개발자 미니멀리즘. - [Warm Editorial](https://web.ggum.uk/styles/s/warm-editorial/llms.md): 크림빛 종이 위에 잉크브라운 잔글과 우아한 세리프 디스플레이를 얹은 따뜻한 문학 편집 스타일 — 읽는 즐거움이 곧 디자인이다. ## Endpoints - [Index (lightweight)](https://web.ggum.uk/styles/index.min.json): slug/name/one_liner/taxonomy/fit + bundle URL for every style — use this to pick, not catalog.json - [Index (JSONL)](https://web.ggum.uk/styles/index.min.jsonl): same index, one style per line — prefer this if your file reader truncates long single-line JSON - Bundle (`https://web.ggum.uk/styles/s//llms.md`): everything needed to apply one style in a single fetch — DESIGN.md + theme.css + exemplar.html + apply instructions - Individual assets: `https://web.ggum.uk/styles/s//design.md`, `https://web.ggum.uk/styles/s//theme.css`, `https://web.ggum.uk/styles/s//exemplar.html` - [Registry](https://web.ggum.uk/styles/r/registry.json): shadcn registry root (npx shadcn add