styles
← 갤러리

Amie

크리미한 화이트(#fafafa) 위에 스카이블루 CTA(#11a8ff)와 골드 포인트(#ffd700)가 놓인 클레이모피즘 감성의 노트 앱 — 부드럽고 둥글고 입체적이다.

claymorphism soft-roundsky-bluegold-accentclay-3dfriendly-saasnote-applight-airy
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

Amie 노트테이커 랜딩에서 추출한 클레이모피즘 영향의 소프트 SaaS 스타일. 배경은 거의 화이트(#fafafa), CTA는 선명한 스카이블루(#11a8ff), 앱 데모에 골드(#ffd700) 포인트가 돋보인다. 큰 라운드(16px), 부드러운 섀도우, 라이트 블루(#cfeeff) 세컨더리가 전체적으로 클레이 피규어 같은 친근하고 입체적인 인상을 준다.

타입 스케일

hero Ag 스타일 견본 Style Specimen
h1 Ag 스타일 견본 Style Specimen
h2 Ag 스타일 견본 Style Specimen
h3 Ag 스타일 견본 Style Specimen
body Ag 스타일 견본 Style Specimen
caption Ag 스타일 견본 Style Specimen

골든 예제 (exemplar)

AI Note Taker without a bot

Your meetings, notes, and calendar — powered by AI.

Week Kickoff

amie.so

Week Kickoff

Strong MRR growth of 13-18% month-over-month with successful free tier discontinuation.

Do

  • Use near-white (#fafafa) canvas with bright sky blue (#11a8ff) CTAs
  • Apply soft, multi-layer shadows for clay-like depth
  • Keep generous border-radius (10-16px)
  • Use gold (#ffd700) as a surprise accent color sparingly
  • Show product screenshots prominently

Don't

  • Don't use dark backgrounds for primary sections
  • Don't use sharp corners — everything should feel soft and rounded
  • Don't overuse color — keep the palette restrained with blue as hero
  • Don't forget the friendly, approachable tone

컴포넌트 노트

button
Rounded (10px), sky blue primary fill or white ghost with border. Subtle shadow on hover.
card
White with soft shadow (16px radius). Product demo cards show app screenshots.
input
Rounded (10px), light grey bg, subtle border on focus.
nav
Clean top bar with logo, minimal links, blue CTA.