Design System

Reusable UI elements for a polished product and marketing experience

This page shows the visual language used across the AuthorMe concept site: buttons, forms, cards, tables, accordions, tabs, alerts, and more.

Buttons

Badges and pills

Thriller Early access Validated Needs review

Alerts

Validation passed. The chapter is ready for review.
Minor pacing drift detected in the midpoint scene.
A continuity conflict was found between Chapter 5 and Chapter 8.

Cards and stat tiles

Feature card

White surface, soft border, subtle shadow, clear hierarchy.

Projects completed 24

Example KPI card styling for dashboards and summary sections.

Form elements

No characters added yet

Create your first protagonist to start building relationships, traits, and role in the story world.

Table

Agent Role Status
DreamerGenerates concepts and creative directionsReady
ArchitectBuilds structural plan and book skeletonActive
Reader AdvocateEvaluates readability and satisfactionQueued

Accordion

Consistency, readability, low visual noise, and fast reuse across product and marketing surfaces.

It helps teams validate visual coherence quickly and creates a shared language for future implementation work.

Pagination and avatars

AMS