Button
Six variants (primary, secondary, accent, neutral, ghost, outline), three sizes, default and pill shapes.
--primary--secondary--accent--radius-md--radius-full--font-primaryTangelo Orange leads. Midnight Blue carries institutional weight. Three cuts of Messina hold the editorial range.
Resume Place
Tangelo Orange leads. Midnight Blue carries institutional weight. Three cuts of Messina hold the editorial range.
The design system behind Resume Place, the first-ever federal resume writing service. Brand Book v1.1 (September 2024) codified the Tangelo / Midnight palette, the Messina type family across Sans / Serif / Mono, the wordmark and circle-checkmark logomark, and the Ten Steps and CCAR Accomplishment Builder sub-brand systems.
Color
Named brand buckets layered over a semantic system. Product UI leans on the semantic layer. Marketing leans on the buckets directly.
Typography
The type families this brand uses, the scale it ships with, and the weights it relies on.
Spacing
The brand's spacing scale and container widths. Mono-keyed for scan, not for memorization.
Radius
Corner-radius tokens. Small UI sharp. Large surfaces soft. Pills and avatars full.
Motion
Durations and easings. Conservative product-UI motion. Quick hovers, gentle transitions, no theatrics.
Component library
A token-driven component set. Every component reads from the brand scope above. Swap the brand and the same components reskin without code changes.
Six variants (primary, secondary, accent, neutral, ghost, outline), three sizes, default and pill shapes.
--primary--secondary--accent--radius-md--radius-full--font-primaryText input, textarea, and label. Standard size scale with hover and focus states tied to the primary token.
--primary--base-300--background--foreground--radius-mdDefault, soft, and outlined surfaces. Composable header, body, and footer regions.
--background--base-100--base-200--base-300--radius-lgStatus indicators and chips. Pulls from brand and status tokens for semantic meaning.
--primary--accent--success--warning--danger--radius-fullImage or initials, four sizes, optional brand tone for placeholder fills.
--primary--secondary--accent--neutral--radius-fullUnderline and pill variants. Active tab uses the primary token; inactive tabs sit at 60 percent foreground.
--primary--foreground--base-100--base-300Composed patterns
The applied design studies, ported onto the platform and driven entirely by the tokens above. Two registers: the document stays ATS-quiet (ink, Messina, mono federal data); the frame carries the brand (navy ground, bright-blue signal, tangelo as a whisper).
Tangelo is rare: one primary action per view. Bright book-cover blue carries the signal; navy is the ground. Condensed handles acronyms and editions.
ButtonPillMono noteCondensed labelsONE tangelo action per view. Bright blue carries the signal. Navy is the ground.
The metadata a federal résumé must carry — series/grade, hours per week, salary, supervisor may-contact — set in Messina Mono as a bordered strip. The title is the one Serif moment in the document body.
Serif titleMono stripCondensed cell labelsFour labeled beats — Context · Challenge · Action · Result — so a hiring manager scans it in six seconds. Only the quantified result carries the bright-blue signal.
Serif folioCondensed beat labelsMono metricSignal blueLives only in the frame, never on the paper. Big thin-Serif match numeral in bright blue (same family as the marketing hero stats); covered keywords sit calm, a single required-but-missing term is the one tangelo whisper.
Serif numeralSignal meterMono keyword chipsTangelo gapReal screens
Composed pages built from the foundations, components, and patterns above. Live, not stills. The marketing homepage and the résumé workbench — the two surfaces the whole system exists to serve.
The marketing surface. The light editorial hero with its USAJOBS-ready preview card and serif proof stats, the navy Ten Steps books band with bright-blue covers, the "not dry, nor dull" character quote, the three-practice pillars, the core-services icon system, the newsroom and live-events bands, and the darkest-ground CTA. Navy is the ground; tangelo whispers once per view.
Fifty years inside the federal hiring system taught us how a résumé wins. That expertise now works across the whole field, from the first federal job to the senior executive panel, and out into the private market.
Most people start with one hour and know exactly what to change. Some have us write the résumé. Everyone can take the method home in print. You choose the depth.
Kathryn Troutman pioneered the federal résumé and the methodology agencies still train on. The shelf that anchored federal career publishing for decades, now in its eighth edition.
Kathryn Troutman, the owner of The Resume Place, literally wrote the book on federal resume writing. Her personalized feedback and coaching has been absolutely invaluable in helping me receive more than a half-dozen federal job offers (and still counting). Particularly in a few instances when I feel I’ve hit a wall, Kathryn always seems to know what I’m doing wrong and how to fix my mistake.
We discussed and reworked my résumé, also developing a suitable cover letter. I sent it out to four potential employers, and I was amazed to receive an outstanding offer the next day. True story, and I am grateful to Resume Place for the exceptional result.
Rita dedicated herself to understanding my concerns with my old resume. In under a week, she took my federal employment history with its disparate collection of duties and accomplishments and helped me craft an easy-to-read professional resume.
Before a key agency Senior Executive Service interview, Kathryn efficiently designed an interview simulation, application, and post-op review. Her no-nonsense guidance provided lifelong tips on the “Last 5 Percent” interview elements crucial to placement success. I could tell the positive difference during the extensive agency interview that followed.
The centerpiece, and the artifact at the center of the business. The two registers made visible: a disciplined ink-on-paper federal résumé (Serif masthead, Mono metadata strips, CCAR accomplishments with the win in bright-blue) held inside the expressive navy frame — match score, keyword coverage, format checks, and the one tangelo whisper on a missing required keyword. Runs on JSON Resume plus a federal extension.
Same tokens as the marketing tile. The difference is discipline: inside the paper, the system goes quiet so a machine can read it. Around the paper, it speaks.
Inside the document: ink, one navy rule, no bleeds, no orange. If a machine can’t parse it, the design failed. The brand lives in the frame.
Grade, hours, salary, supervisor, dates. The fields that make a résumé federal are the fields that earn the monospace, set as a bordered strip on every job.
One signal color in the body, and only on a quantified result. Everything a hiring manager should catch in six seconds is bright-blue, nothing else competes.
The accent never decorates the résumé. It appears once, on a required keyword that’s missing, because the brand’s job is to point at the next thing to fix.