anthropic-frontend-design

Avoid the three default AI looks: warm cream with serif and terracotta, near-black with acid accent, and broadsheet hairline layouts. Instead, ground choices in the subject's materials and vernacular, then commit to one signature element with a deliberate token plan.

A token plan is a first-pass design specification covering 4-6 named hex colors, typefaces for two or more roles, a one-sentence layout concept with ASCII wireframes, and the single signature element the page will be remembered by.

Structure selectors carefully so type-based classes like .section and element-based classes like .cta do not cancel each other out. Review specificity before building, since conflicting selectors are a common failure in generated CSS.

Only when the content actually is a sequence. Structural devices should encode something true about the content rather than decorate it, so numbered markers on non-sequential content are a templated choice to avoid.

It is a prompt-based methodology with no executable scripts, so results depend on the designer's judgment during calibration and critique. It also enforces restraint rules like no neon or glows, which may not fit briefs wanting maximal decoration everywhere.