# How danielsun.space is designed

[Open the live Fudge conversation](https://design.withfudge.com/share/danielsun.space-design)

Last updated: 2026-07-28

## Design character

danielsun.space reads as a **personal portfolio / experimental personal site**: multiple home viewport crops suggest a single-path experience refined across widths rather than a large marketing sitemap. The system should feel **authorial and designed**, with layout and type carrying identity more than corporate component libraries.

What should survive adaptation:

- **Home-as-the-product**—one crafted narrative surface.
- Strong personal point of view in layout composition.
- Responsive home art direction across many widths (eight home captures).
- Restraint in global nav chrome; content composition leads.
- Portfolio pacing: hero presence, then selected work/moments.

## Foundations

### Color

No aggregated role colors were retained. Infer a deliberate personal palette from imagery and type contrast when rebuilding; do not invent a SaaS blue system. Prefer a tight custom set tied to the designer’s identity.

### Typography

Declared families not retained. Use a clear display/body pairing suitable for portfolio storytelling; sizes will flex by breakpoint more than in app UI.

### Spacing and layout

- Eight captures all on `/` at varied viewports imply **responsive composition is the system**.
- Expect large hero regions and intentional empty space rather than dense dashboards.
- Align modules to a personal grid; avoid enterprise 12-column admin patterns.

## Visual language

- Portfolio imagery and experimental layout moves matter more than generic cards.
- Radii/shadows should stay secondary to composition.
- Motion unknown from stills—don’t invent signature animation.

## Components and states

### Home composition
Primary artifact: hero, identity, selected work entry points.

### Project entry
If present in-page, treat as editorial blocks rather than app lists.

## Responsive behavior

**Strongly supported**: many widths of the same home path. Redesign should prioritize fluid type and reflowed composition, not merely stacking identical desktop cards.

## Practical guidance

**Preserve**

1. Single-site narrative focus.
2. Width-specific art direction.
3. Personal, non-corporate tone.
4. Imagery and composition over UI kit sprawl.

**Avoid**

1. Generic template portfolio chrome.
2. Forcing a large design-system component inventory onto a personal home.
3. Fake font licences or accent roles not measured.

**Adaptation recipe**

- One home story → expressive type → fluid breakpoints → selective work moments.

## Scope note

Eight home captures on `danielsun.space`. Supported: multi-width home focus and portfolio character. Gaps: structured colors/fonts, interior case-study pages, motion.

## Captured pages

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/8691?format=jpg)](https://design.withfudge.com/share/pin-8691)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-8691)

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/8690?format=jpg)](https://design.withfudge.com/share/pin-8690)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-8690)

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/7972?format=jpg)](https://design.withfudge.com/share/pin-7972)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-7972)

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/7971?format=jpg)](https://design.withfudge.com/share/pin-7971)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-7971)

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/7970?format=jpg)](https://design.withfudge.com/share/pin-7970)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-7970)

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/7969?format=jpg)](https://design.withfudge.com/share/pin-7969)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-7969)

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/7968?format=jpg)](https://design.withfudge.com/share/pin-7968)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-7968)

[![Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://pin.fontofweb.com/7967?format=jpg)](https://design.withfudge.com/share/pin-7967)

[Daniel Sun | Top-tier Web and Brand Design partner for SaaS and Web3](https://design.withfudge.com/share/pin-7967)