Playdate Palette Copy this CSS Component 0to Your Project

A playful and colorful preschool program website UI layout, showing two sections side by side: one for "Playgroup" (age 2–3 years) and one for "Nursery" (age 3–4 years). Each section features a large circular image of a happy child engaging in creative or educational activities. The circular image should have a double border effect: a white inner ring and a second outer ring in a vibrant magenta or purple, with a soft shadow. Attached to the right side of the circle is a white half circle arc, representing a timeline connector. Background color is a soft pastel yellow. Include cute, bold headers (e.g., "Playgroup", "Nursery") in a rounded, child friendly font in magenta. Each section should have a bullet list of skills being developed (language, motor skills, problem solving, etc.), using clean, legible font. The layout should feel warm, engaging, and designed for parents browsing preschool programs. Add subtle white curved timeline lines connecting the two sections vertically. Use soft lighting and a clear mobile friendly, responsive layout aesthetic.📱 If you want mobile version:A responsive mobile version of a preschool program website UI. The layout is vertical, with each program stacked. Each program includes a circular photo of a child, with a double border: inner white ring and outer magenta border, with a small white half circle on the left side representing a visual timeline connector. Background is pastel yellow, fonts are rounded and playful. Each program (Playgroup, Nursery) includes bold headings and bullet points of skills. Simple, clean design with soft colors and whitespace.