danielsun.space website design: fonts, colors and UI patterns

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.