Marketing content sections
Config-driven section components for marketing surfaces. Each component takes a typed heading + items list (and optional copy/actions) so consumers describe content with semantic shapes — Heading, CopyBlock, Action — rather than passing free-form markup. Drop them inside any <DSSection> with the texture and background that fits the page.
DSTemplateGallery — preview gallery
Image-led cards in a 1→3 column grid. Each cell carries its own card chrome (image + label + optional ATS score badge + optional download link). Use for: showcasing real artifacts — resume previews, exported PDFs, exemplar templates, case-study covers. The score and downloadHref fields are optional.
Proven, effective templates.
Three timeless templates, parseable by every ATS.
DSFeatureGrid — three-up numbered features
Three numbered DSFeatureCard cells in a 1→3 column grid. Use for: the page's core value props. Pair with `dots-large` texture for slight visual punch behind the cards. Don't reach for this when you need more than three — the dense numerals start to compete.
A resume system that actually works.
Why people stop hunting through old files.
01
Your whole career, in one place
Every role, project, and skill — added once, ready whenever you need it. No more hunting through old files.
02
Pick what fits each role
Build a tailored resume in minutes, not hours. Pick which experiences and skills to feature for each application.
03
Track from saved to offer
Log applications, track interviews, compare offers. Your career data and your job search, in the same notebook.
DSEditorialFold — text + visual
Renders a typed CopyBlock + Action list on one side and a real DS visual on the other. Pass `reverse` to flip text/visual sides on tablet+. The two homepage instances (build-many-resumes and ATS-score) are the same section type — one with `reverse`, one without. Visuals stay slot-based since they're real components, not config (DSResumeStack, DSScoreCluster, DSAtsMark cards).
Build as many resumes as you need
Most job searches call for more than one resume. The version you send to a hospital reads differently than the one for a construction firm. Build a separate resume for each role type — or each application — and manage them all from one place.
Update a job title, fix a typo, or add a new skill once. Every resume that references it reflects the change automatically.
Every resume gets a real ATS score.
Resume Notebook runs the same parsing checks as the applicant tracking systems used by 97% of Fortune 500 companies. Strong, fair, or low — you know before you submit.
Sienna for strong, marigold for fair, red for low. The score travels everywhere your resume goes — on the picker, in the preview, on the export.
DSDirectoryGrid — many small tiles
DSTrustItem tiles in a 2→3→4 column grid. Use for: data-type directories, capability lists, taxonomy strips — anywhere you want to communicate breadth at a glance. Each entry's `iconSvg` is an inner SVG fragment (paths/lines/rects), wrapped at render time inside a 24×24 viewBox so the icon flips white inside the colored DSTrustItem box. Cycle through the marketing-accent palette to keep the grid reading like a printed field guide; avoid clumping the same accent in adjacent cells.
Everything your resume could ever need.
Add any combination of these to your career profile. Each resume you build can pull from all of them.
Work
Education
Skills
Projects
Volunteer
Awards
Certificates
Publications
Languages
Interests
Profiles
References
DSCtaGrid — colored CTA blocks
Three colored DSCtaBlock cards in a 1→3 column grid. Use for: audience segments, persona-specific entry points, or three parallel CTAs with the same call-to-action shape. Each block has its own marketing accent — pick three accents from non-adjacent slots in the spectrum (wine / royal / forest works; wine / cognac / marigold doesn't, too close in hue).
Built for every career path.
Whatever you're moving toward, we've already seen it.
For nurses entering case management.
Translate clinical hours, certifications, and rotations into the language hiring managers scan for.
See howFor tradespeople moving into estimating.
Reframe field experience as project-management chops without losing the craft credibility.
See howFor teachers stepping into instructional design.
Surface curriculum work, learning outcomes, and stakeholder management for the tech-adjacent reader.
See howDSClosingCta — end-of-page pitch
DSClosingCta inside a paper+stripe section. The canonical end-of-page pitch: centered Lora title + DM Sans sub + actions row. Pair with `bg="paper"` + `texture="stripe"` so the diagonal-stripe pattern signals the page's natural seam. Use it as the last section on every marketing page.