CURATED · OPEN · FREE

Evermade Fi

An expressive agency portfolio defined by massive serif typography and a high-contrast, vibrant color palette.

AgencyBold TypographyEditorialCase StudyPortfolio

↓ Download design system (8 MB)Open in OpenDesign

Visit: https://evermade.fi

📦 Browse pack contents →

Identity DNA

Creative AgencyDigital StudioBoldExpressiveHigh Contrast

A bold fashion editorial meets a high-end digital agency portfolio.

Color

#FF0389Accent

#FFFFFFInk

#2D070BInk soft

#FEF0E6BG soft

#FFC7DEBG quiet

rgba(45,7,11,1.0)Line

High-contrast and expressive, using dark burgundy and soft peach as anchors for vibrant pink highlights.

Typography

didone-serif · geometric-sans · monospace

display48px · 400

Combine elegant, high-contrast serif display types with clean geometric sans-serif for body copy. · Use monospace fonts for metadata, labels, and secondary text. · Strictly use uppercase transforms for navigation and category labels.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous whitespace and strict grid alignment.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 9999px

Sharp, thin 1px borders often used in a subtle, semi-transparent manner.

0px 30px 70px 0px rgba(0,0,0,0.3) · 0px 4px 10px 0px rgba(0,0,0,0.1)

Layout

1440container

12columns

24pxgutter

768 / 1024breakpoints

Asymmetric editorial grid featuring massive overlapping type and off-center imagery.

Motion & Interaction

220msmicro

250mssmall

1500msmedium

cubic-bezier(0.19, 1, 0.22, 1)easing

Smooth, decelerated transitions for UI state changes. · Longer, more dramatic easing for hero text and image reveals.

Subtle background color shifts or slight spatial movements on interactive elements. · Immediate response with smooth, decelerated transitions.

Components

button Pill-shaped with solid dark backgrounds, or ghost-style with sharp borders.
card Minimalist case study cards with oversized typography and clean whitespace.
chip Monospace, uppercase text labels used as tags or metadata.
input Standard form fields with sharp, rectangular borders and clear labels.
hero A dramatic layout combining massive, bleeding serif typography with overlapping photography.

Voice & Don'ts

Tone Confident, bold, and highly professional.
Headlines Massive, expressive serif type that commands the viewer's attention.
CTAs Clean, uppercase, and monospace for metadata; bold sans-serif for primary actions.

Don't use soft, rounded UI components — screenshot shows sharp rectangular borders and strict pill shapes.
Don't apply busy, complex backgrounds — screenshot shows solid dark burgundy or clean soft peach.
Don't use playful, rounded sans-serifs for display text — screenshot shows high-contrast didone-serif.
Don't clutter the layout with too many elements — screenshot shows generous whitespace and a focused editorial grid.
Don't use casual, conversational UI labels — screenshot shows structured, uppercase monospace metadata.
Don't use bright neon greens or blues — screenshot shows a focused palette of dark burgundy, pink, and peach.
Avoid: Loud neon gradients
Avoid: Rounded soft UI components
Avoid: Playful or casual microcopy

Inside the pack — real screenshots

Evermade Fi — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This design is a bold, expressive agency portfolio that leverages massive didone-serif typography and a high-contrast color palette. The primary anchors are dark burgundy (#2D070B) and soft peach (#FEF0E6), punctuated by a vibrant pink (#FF0389) accent. The typography strictly separates display (didone-serif) from body (geometric-sans) and metadata (monospace), creating a strong editorial hierarchy. Layouts are spacious and asymmetric, using a clean 12-column grid. Critical constraints: Never use rounded, soft UI shapes; strictly use sharp rectangular or full-pill forms. Never use casual or playful typography for display text; always lean into the formal, high-contrast serif. Avoid busy backgrounds; maintain the focus on massive type and clean imagery.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko