Skip to content

Latest commit

 

History

History
21 lines (16 loc) · 1.6 KB

File metadata and controls

21 lines (16 loc) · 1.6 KB

Isolate - Design System

Core Aesthetic: The "Nothing" Brand

The app embraces a literal translation of the "Nothing" brand aesthetic, moving away from standard Apple HIG to create a highly stylized, hardware-inspired, utilitarian interface.

1. Typography

  • Primary Font: Dot-matrix style (e.g., NDot or a similar custom font) for all headings, numbers, and key interactive elements.
  • Secondary Font: A clean, technical sans-serif (like Space Grotesk, Inter, or native SF Pro in a rigid weight) for readable body text and secondary labels.

2. Color Palette

  • Backgrounds: Deep blacks and dark grays, or stark whites (depending on dark/light mode), mimicking physical hardware casings.
  • Accents: Stark, highly saturated Red (e.g., #FF0000) for active states, recording, and critical actions.
  • Materials: Use of dotted grids, subtle noise textures, and glassmorphism (translucency) to simulate looking "inside" the hardware.

3. UI Components (Stem Player UX)

  • Sliders & Knobs: Custom-built controls that look physical and tactile, eschewing standard native sliders. The 4 stem controls (Vocals, Bass, Drums, Other) should dominate the playback view.
  • Buttons: Pill-shaped or perfectly circular buttons with solid borders and dot-matrix iconography.
  • Layout: Rigid, grid-based, and symmetrical, heavily utilizing borders and dividers to separate functional zones (Library vs. Mixer vs. Effects).

4. Interactive Feedback

  • Incorporate subtle haptic feedback (where possible on Mac trackpads) and sharp, snappy animations (no slow, floaty Apple springs—use rigid, fast easing).