'brutalist' 검색 결과

신문지 느낌의 배경에 검은색 초굵은 글자와 가는 구분선을 배치해 스위스 인쇄물풍 웹 프로토타입을 만듭니다. 빨간색으로 강조하며 편집 기사와 작품집을 단단한 인상으로 구성합니다.

• 신문풍 편집 페이지 시안 제작
• 제작사 포트폴리오 제작
• 선언문 사이트 제작

프로젝트 회고와 장애 보고를 위한 어두운 CRT 터미널풍 16:9 HTML 슬라이드를 만듭니다. 고정폭 글자, 빨간 경고, 타임라인과 감사 로그로 정보를 정리합니다.

• 프로젝트 회고 결과 보고
• 인프라 장애 경과 보고
• 보안 검토 결과 정리

Create a bold web prototype inspired by Swiss industrial print, using a newsprint background, thin grid lines, oversized black headings, and giant numbers. Red accents and ASCII line decorations give the layout a stark, authoritative appearance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Prototyping a bold desktop website
• Exploring layouts with oversized numbers and headings
• Designing pages inspired by industrial print

Create agency, studio, architecture, or portfolio websites using oversized typography, black-and-white sections, and documentary photography. Arrange project stories and irregular image collages alongside menus and FAQs designed for keyboard, touch, and reduced-motion use.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Redesigning an agency or architecture studio website
• Presenting project processes through photo collages
• Organizing work and philosophy into contrasting sections

Brutalist and concrete-monument mood direction for Blender architecture and scenes with raw concrete, monumental scale, and austere composition.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

음악 축제 포스터 시리즈의 콘셉트부터 매체별 활용까지 HTML 슬라이드로 설명합니다. 굵은 테두리와 어긋난 그림자를 통일된 양식으로 사용해 사례 발표와 제안 자료를 만듭니다.

• 음악 축제 포스터 제작 사례 발표
• 브랜드 표현 규칙과 매체별 활용 설명
• 시각적 표현이 강한 포트폴리오 제작

굵은 제목과 기하학적 카드를 활용해 스위스 스타일의 발표형 페이지를 단일 HTML 파일로 만듭니다. 슬라이드 이동, 테마와 강조색 전환, 주석 표시도 넣을 수 있습니다.

• 발표 형식의 소개 페이지 제작
• 스위스 스타일 HTML 슬라이드 제작
• 조작 가능한 제품 발표 페이지 제작

엄격한 그리드, 큰 글자와 촘촘한 데이터, 빨간 강조색으로 산업 매뉴얼이나 오래된 단말기 같은 웹 화면을 설계합니다. 종이와 주사선 질감도 활용합니다.

• 데이터가 많은 대시보드 프로토타입 제작
• 인쇄물 느낌의 포트폴리오 제작
• 어두운 단말기 스타일 화면 설계

Design web interfaces, build prototypes, and integrate changes into existing apps while respecting their visual rules and components. Choose direct code generation or Claude Code design commands, with an experimental browser canvas option for visual review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Improve a landing page within an existing app
• Design a dashboard using existing visual rules
• Sync a codebase with Claude Design

Apply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 138 named design systems (apple, linear-app, stripe, vercel, notion, material, shadcn, spotify, tesla…) — by resolving it into the token system. Use when the user wants a specific look/vibe/brand feel, or asks to make a design feel premium/expensive/non-generic.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Install a complete design-token theme into any project in one pass -- pulls a style from the Open Agent Stack design-styles collection (aurora-mesh, cirrus, liquid-glass, mono-brutalist, neo-terminal, sand-terra, tidal) or a local tokens.json, wires it into Tailwind/CSS, and repaints existing components to match.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Ultimate UI/UX design intelligence: an Anti-Slop layer that kills AI tells (em-dash, AI purple glow, generic names, template layouts), tunable Design Dials (variance/motion/density) and Style Modes (functional, minimalist, brutalist, soft-premium, marketing), 161 industry color palettes in a shadcn-aligned semantic token schema, 48 UX Laws, 37 Design Tests, UX Heuristics (Nielsen + Krug), Harvester extraction, Figma & Google Stitch integration, MCP server, Component Generator, and BM25 search across 17 domains + 19 framework stacks. One command = complete design system. Use when designing or reviewing UI/UX, choosing colors/typography, fixing generic AI-looking designs, or building Web App / SaaS / Mobile screens.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design ornamental patterns using modern and speculative aesthetics with colorblind-accessible color scales. Breaks free from historical period constraints to explore cyberpunk, solarpunk, biopunk, brutalist, vaporwave, and other contemporary genres. Includes CVD (Color Vision Deficiency) awareness and perceptually uniform scales (viridis, cividis, inferno). Use when creating ornamental designs in modern or genre-specific aesthetics, designing patterns that must be colorblind-accessible, or exploring hybrid motifs combining historical ornament with contemporary visual language.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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, or editorial sites that need to feel like declassified blueprints.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Collage as a web design aesthetic — overlapping elements, mixed media, cut-out shapes, scrapbook layouts, and editorial magazine spreads adapted for the web. CSS techniques for layered compositions using z-index stacking, clip-path, mix-blend-mode, parallax layering, and grid-breaking layouts. Activate on 'collage web', 'editorial layout', 'magazine layout', 'overlapping elements', 'scrapbook', 'cut-out aesthetic', 'mixed media web', 'layered composition', 'grid-breaking', 'editorial web design', 'fashion website layout', 'David Carson'. NOT for photo collage/gallery grids (use collage-layout-expert), maximalist density (use maximalist-web-design), neobrutalism (use neobrutalist-web-designer).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Pick a visual direction before generating any creative. Produces 3-6 named, distinct visual directions (e.g. premium minimal, bold maximalist, lifestyle/editorial, retro, techno-brutalist) with rationale + sample prompts, then generates one reference image per direction so the user can choose. Use when the user says "explore visual direction", "what style should this be", "give me directions/looks", or before ads/scene/shot work when no style is locked. Part of the Creative Production set.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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, or editorial sites that need to feel like declassified blueprints.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Classic style skill, opt-in: it runs only when called by name. A hard mechanical look with Swiss type, rigid grids, extreme scale contrast and utilitarian colour.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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, or editorial sites that need to feel like declassified blueprints.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Pick a product archetype from a curated catalog before any UI gets built — the single biggest lever for not looking vibecoded. Routes the request to one of B2B-productivity, enterprise-trust, premium-consumer, playful-consumer, editorial, brutalist-distinctive, dev-tool, or marketing-landing, and returns a complete design philosophy: typography pair, color logic, motion curve, density, icon stance, reference sites, and a "feels like X" claim. Load when the user asks to pick an aesthetic, choose a design direction, decide what a UI should feel like, classify a product visually, says "what should this look like", "make this feel like [Linear/Stripe/Apple/Duolingo/...]", "give me a design direction", "what's the right aesthetic for this", or when frontend-design routes here during archetype selection. Sub-skill of frontend-design.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Collage as a web design aesthetic — overlapping elements, mixed media, cut-out shapes, scrapbook layouts, and editorial magazine spreads adapted for the web. CSS techniques for layered compositions using z-index stacking, clip-path, mix-blend-mode, parallax layering, and grid-breaking layouts. Activate on 'collage web', 'editorial layout', 'magazine layout', 'overlapping elements', 'scrapbook', 'cut-out aesthetic', 'mixed media web', 'layered composition', 'grid-breaking', 'editorial web design', 'fashion website layout', 'David Carson'. NOT for photo collage/gallery grids (use collage-layout-expert), maximalist density (use maximalist-web-design), neobrutalism (use neobrutalist-web-designer).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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, or editorial sites that need to feel like declassified blueprints.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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, or editorial sites that need to feel like declassified blueprints.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.