Callouts
DSCard with a full tone-coloured border, a title, an optional description, and an actions row. Five tones — default sienna, warning amber, info royal, danger red, and soft (dashed) for inviting empty-state hints. Layered onto DSCard via class composition; consumers reach for <DSCallout> directly.
Tone variants
The canonical DSCallout — five tempers for five tones.
Tone variants
Five tones for five tempers. Default for system-level prompts, warning for at-risk states, info for guidance, danger for destructive consequences, and soft for invitations that shouldn't shout.
We'll spin up a resume with everything included. You can trim it from there — every edit stays scoped to this version.
Sign up to keep your career data and resumes if you switch devices or clear your cookies.
The assistant will keep asking until it has enough material to draft three highlights. Cancel anytime.
Deleting your account also removes every resume, application, and interview transcript tied to it.
Walk through a short interview and we'll draft highlights from your own words — review every line before it lands.
With actions
The actions slot wraps freely — pair a primary commit with a ghost dismissal, or fan out into three options when the surface earns it.
Polish the empty roles before exporting — the system flags any gaps in the final resume.
Upgrade to keep your resumes, interview transcripts, and saved applications. We don't auto-delete — but features lock back to free.
With icon
The icon slot accepts a DSIconBox (size md) on the leading edge for callouts that want a stronger visual anchor — useful in dense surfaces where the title alone fights for attention.
Your data lives in localStorage until you sign up. Use the same browser to keep building.
Walk through a short interview and we'll draft highlights from your own words. Available on every role.
Resumes export without dates render as bullet lists. Add at least a year to each role for the polished layout.
Empty-state callout
The soft tone is the inviting variant — dashed border, muted bg, no shouting. Use it as an in-list hint when a surface is empty or under-filled, paired with a single low-friction action.
Walk through a short interview and we'll draft highlights from your own words — review every line before it lands. Most people finish in under ten minutes.
Track where you've applied, manage offers, and compare comp side by side — all from one workspace.
Comparison: tones in context
Same content, all five tones laid out so reviewers can see how each reads against the cream page surface.
System prompts and primary callouts. The accent border anchors the page voice.
At-risk states. Reversible — but worth the reader's attention.
Guidance and announcements. Nothing's wrong; we're just letting you know.
Destructive consequences. Reserve for actions that lose data or money.
Empty-state invitations. Inviting, not insistent — the dashed border softens the ask.
Creative variants
Three drafts that pull from marketing CTA blocks, the bleed system, and the hero — pick the ones worth promoting to real components.
A. CTA-block style
Lifts the look of DSCtaBlock (full color surface, dot grid overlay, knockout pill button) into a callout context. The data-accent attribute drives both the background and the inner button's text color. Use when a callout deserves the editorial weight of a marketing section — onboarding announcements, plan upgrades, key invitations.
Build a resume from a job posting
Paste a posting and we'll spin up a tailored resume drawing from your career data — every edit yours to approve.
Walk through an interview
Spend ten minutes with the assistant and turn rough memories into polished highlights — review every line before it lands.
Export your career as JSON Resume
Your data is portable, machine-readable, and yours forever — take it anywhere or import it back when you return.
B. Bleed-frame style
Borrows the editorial chrome from the print bleed system — registration crosshairs in each corner plus a vertical mono margin label. Use when the callout reads as 'this is editorial' without leaning on a saturated tone. Plays well in dashboards and data-heavy surfaces where a colored callout would shout.
Your resume is ready for review
Twelve highlights, four sections, and a complete contact block — sit with it for a moment before exporting. The polished version is always one round of edits away.
A new section landed
Volunteering and projects each got their own card-stack layouts in the latest update — re-order, reword, or drop them as you like.
C. Hero-stripe style
Borrows from the Resume Notebook hero: a diagonal-stripe texture backdrop, a Lora display title with sienna italic emphasis, and a featured action area. Smaller scale than the hero — fits in a card surface, not a full hero section. Use sparingly for marquee moments inside the app.
Tell your story, your way.
Walk through a short interview, then watch your career data become highlights you'd actually put on paper. Every word stays yours to approve.