styles
← 갤러리

Nothing Tech

라이트 그레이(#f5f5f5) 위에 도트 폰트와 블랙 CTA가 만드는 뉴모피즘 감성의 테크 브랜드 — 미니멀하면서도 촉각적이다.

neumorphism dot-fontlight-greysoft-shadowtech-minimalinset-outsetbitmap-typeproduct-showcase
⬇ AI 번들 (llms.md) DESIGN.md tokens.json
라이브 프리뷰 — 동일 샘플 UI에 이 스타일 적용

설명

Nothing 공식 사이트에서 추출한 뉴모피즘 영향의 기술 브랜드 스타일. 라이트 그레이(#f5f5f5) 배경에 블랙(#000000) 타이포와 CTA가 강한 대비를 만든다. 도트 매트릭스 스타일의 비트맵 폰트(Nothing Dot)가 브랜드 아이덴티티. 소프트 인셋과 아웃셋 섀도우, 밝은 배경에 미세한 양감이 뉴모피즘의 핵심이다. 컬러풀한 제품 사진이 모노크롬 UI 위에서 돋보인다.

타입 스케일

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

Nothing Dot is a bitmap/dot-matrix display font. All headings uppercase. The font itself IS the brand identity.

골든 예제 (exemplar)

EXPLORE OFFERS

NOTHING PHONE (3)

GLYPH INTERFACE

A unique light system that communicates without a screen.

NOTHING OS

Clean, fast, and customizable. Android, but better.

Do

  • Use light grey (#f5f5f5) as the primary canvas
  • Apply neumorphic dual shadows (light top-left + dark bottom-right)
  • Use dot-matrix or bitmap display fonts for headings
  • Keep the palette greyscale — let product photos provide color
  • All headings uppercase with slight letterspacing

Don't

  • Don't use colored backgrounds — stick to greyscale
  • Don't use heavy borders — neumorphic shadows define edges
  • Don't use standard sans-serif for headlines — the dot-matrix font is essential
  • Don't use flat/borderless cards — the raised neumorphic effect is key

컴포넌트 노트

button
Black fill (8px radius) with white dot-matrix text. Ghost variant: outlined with dot-matrix label. Uppercase.
card
Light grey bg with neumorphic dual shadows. Product images are colorful contrast against grey.
input
Soft inset shadow, light grey bg, subtle borders.
nav
Minimal top bar with dot-matrix logo, hamburger or text links.