Legacy

Patterns kept around so we can see what the app used to look like, but no longer rendered anywhere in the product. Charcoal-deep dark cards with Playfair display headings, mono eyebrows, ClayButton, and the SquiggleCrown ornament — the in-app callout family that predates the design system. New work uses DSCallout, DSCtaBlock, DSClosingCta, or a plain DSCard with DSBtn; do not reach for any of the components on this page in app code.

CalloutCard

Wraps a charcoal card with the SquiggleCrown ornament. Eyebrow + Playfair heading + body + ClayButton CTA. Replaced by DSCallout (with title/description/actions slot) for in-app prompts and DSCtaBlock for marketing CTAs.

Smart tools

Start with an interview

Have a conversation about your experience — we'll structure it for your resume.

ClayButton

Pill button with an extruded amber/green/purple bevel. Replaced by DSBtn (variant primary/secondary/reveal).

SquiggleCrown

Wavy ornament that sits above a card and bleeds out at the corners. Replaced by DSStamp / DSCornerStamp / DSBleedRule when an editorial flourish is needed.

Wrapped content sits inside the crown.

CalloutCard variants

The same CalloutCard with the three accent colors and squiggle alignments used in production. Each variant was previously consumed by a wrapper file in src/components/callouts/; those wrappers now render DSCallout / DSAlertBanner instead, but their CalloutCard-styled originals lived here.

Ready

Build your first resume

Your career data is ready. We'll create a resume with everything included — you can customize it from there.

Don't lose your progress

Save your work

Create a free account to keep your resume and career data safe. It only takes a moment.

Smart tools

Build with an interview

Turn your career data into a tailored resume — we'll guide you through the choices in a quick conversation.