Editorial Designer (Atelier UI)
3/5 out of 5. Read the verdictOff-white paper, huge light Inter Tight headlines, thin rules and one rust accent, like a quiet magazine. For editorial brands.
Made by 
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.
Every skill gets the same Tally brief, alone in a clean project. How we test
Our verdict
3/5 out of 5
Passed the cut
Editorial Designer gives Tally a quiet magazine look: off-white paper, very large light Inter Tight headlines with one bold word, thin rules instead of boxes and a single rust accent for things that need attention. The dashboard follows through with a huge "$640" figure, numbered sections and line-only envelope bars. It is clearly its own direction, and the dashboard is the stronger page: on a wide screen the landing headline drops below the phone plate, leaving the first screen mostly empty, and some sections hug the left edge. Pick it for calm, editorial products that want restraint.
Compare with UI Principles (brijr)Pick it for
- editorial and lifestyle brands
- calm consumer apps
- restrained dashboards
Skip it for
- loud launches
- dense data tools
Typography
Colors
Observations
- the wide landing's first screen is mostly empty, with the headline pushed below the phone
- some landing sections sit flush against the left edge
Install
1 Run in your terminal
npx degit heyman333/atelier-ui/skills/editorial-designer#main .claude/skills/editorial-designer2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.
Copies just this skill's folder into your project's .claude/skills.
Check the source for the latest instructions.
We installed the editorial-designer folder from this repo.
Details
Made by
Product Builder
Is this you? Claim it
- Type
- Skill
- GitHub stars
- 37*
- Updated
- 9mo ago
- License
- Not listed
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 4 minabout $0.93 at API pricescommit 92b76bf
* Stars are for the whole heyman333/atelier-ui repository.
Made this skill?Put your score on your README, and claim this page for a link to your site. 
1. Put your score on your README
[](https://skillsfordesign.com/s/atelier-editorial-designer/) The badge links here. If a retest changes the score, it updates by itself.
2. Claim this page
Get a free backlink to your site.
- A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
- Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
- Free. Usually live within a few days.
How it will look
Thanks, we have it.
We'll check the repo and email you when your name is on the listing.
Similar
Same brief, other skills
Liquid Glass Design (ECC)
Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.
updated 2d ago
Popular Web Designs (Hermes Agent)
Popular Web Designs gives Tally the Wise treatment: very heavy black Inter headlines, a lime highlight box around 'job.', pill buttons, big rounded cards and a black pricing band with a lime Plus plan. The dashboard follows through with a black 'left to budget' card in huge lime numerals, lime envelope bars and a lime October bar. It is far from the default and holds together on both pages and on a phone, though the tight headline leading lets lines collide and a sync chip covers the Groceries label in the hero. Pick it when you want a bright, confident consumer fintech look and are happy to start from a known brand's style.
updated today
Impeccable
Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.
updated 1d ago
Hallmark
Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.
updated 2mo ago
Also good for these
Top Design (wondelai)
Top Design treats Tally like a printed ledger: warm paper, a very large Fraunces headline ("Every dollar, accounted for.") with a red tally mark that draws itself, and the same mark as the logo. The dashboard sets "$640." huge in Instrument Serif over a single split bar, with one persimmon accent. It is elegant and has a clear idea, though the warm paper and serif are near the default. Pick it for premium, editorial product pages.
updated 37d ago
Quiet Luxury (Design Taste by Mustafa)
Quiet Luxury gives Tally a private-bank annual report: Cormorant Garamond headlines with one italic word, widely spaced small caps, an index column of features beside the hero and a ledger panel drawn in hairlines. The dashboard switches the accent from forest green to oxblood and lays envelopes, transactions and bills out as ruled lists instead of cards. It is calm and consistent, but the ivory, serif and green landing sits near the default, much of the gray text is faint, and the hero shows little of the product. Pick it for premium services that want restraint over color.
updated 2mo ago
Book Serif Index (Meng To)
Book Serif Index lays Tally out as an open ledger: aged paper pages inside a dark leather frame, IM Fell English and EB Garamond on the landing, Cormorant Garamond and Newsreader on the dashboard, with mono chapter numbers and an oxblood accent. The dashboard reads like a page of accounts, drop cap included. It is the most committed idea in this batch. Pick it for products that want warmth, history or craft.
updated today
Illustration: Halftone Line (Meng To)
The Halftone Line skill draws black line art with halftone dot shading and keeps Tally strictly two-color: black ink on warm paper, Instrument Serif headlines, mono captions and heavy rules. The dashboard follows with Newsreader and IBM Plex. It reads like a printed zine. Pick it for editorial or craft brands that like ink on paper.
updated today