Pastel Rounded Consumer

StyleRef·@styleref·

Extract your style to start building your Style Board.

Made with this StyleRef

Same style, different prompts.

Every tile on the board is fully rounded, none of them matching its neighbour's size — the shape rule holds across photography, swatches and type alike.

A wide-angle, eye-level exterior photograph of a modern audio equipment storefront located on a paved city sidewalk, featuring large floor-to-ceiling glass display windows. The display decorated with a giant headphone. Pro photograpy quality

One large panel, one progress bar, three controls — the layout compressed to what a now-playing screen actually needs.

Six shapes of different sizes on one sheet, none of them a rectangle — the corner rule extends to something meant to be peeled and stuck.

Eight circles standing in for punches on a card — the rounded shape language doing literal double duty as the content itself.

Description

Pastel Rounded Consumer builds every shape from soft candy tones and generous radii, so buttons, cards and icons all feel inflated rather than drawn. Filled friendly icons and plain warm copy keep the whole system approachable without tipping into childish. It suits creator tools, music and lifestyle apps, youth fintech and anything courting a younger, expressive audience.

Typography

Regular, Aa, Bb, Typography

Font FamilyGeometric sans

Line HeightRelaxed

Font WeightsRegular, Bold

Letter SpacingNormal

Text Case

lowercase

Font Pairing Strategy

Single family

Hierarchy

Subtle contrast

Text Presence

Required

Output Format

Creative Discipline

Brand identity

Medium

Digital

Delivery Mode

Interactive

Platform

Mobile

Scaling Expectation

UI-scale

Canvas Behavior

Soft frame (visual tension allowed)

Mood & Personality

Playful, Friendly, Warm, Confident, Clean

Energy Level

Vibrant

Emotional Bias

Positive

Tone Register

Intimate

Real-world Accuracy

Stylized

Voice & Language

Formality

Casual

Vocabulary Level

Conversational

Directness

Clear

Sentence Length

Short

Writing Perspective

Brand-as-narrator

Copy Pacing

Punchy

Jargon / Technical Level

None

References

Cultural References

Maximalism, soft-UI, clay animation meeting interface design, Gen Z branding

Temporal Reference

Contemporary

UI & Web

Color Theme

Light

Background Tone

Warm off-white

Accent Strategy

Single functional accent

Semantic Colors

Error only

Surface Layers

Three-layer (page + card + elevated)

Elevation Approach

Shadow-based

Shadow Technique

Single drop shadow

Shadow Weight

Soft

Border Philosophy

Borderless

Button Shape

Full pill

Button Hierarchy

Primary + Secondary

Icon Style

Rounded filled

Navigation Pattern

Bottom tab bar

Animation Philosophy

Physics-based / Spring

Transition Speed

Standard (200–300ms)

Spatial Structure & Hierarchy

Symmetry

Asymmetrical balance

Grid System

Modular grid

Visual Density

Airy

Plane Separation Method

Shadow

Surface, Material & Detail

Material Simulation

Rubber

Surface Treatment

Soft-touch satin plastic or rubber with gentle sheen

Surface Texture Style

Smooth

Imperfection Level

Flawless

Age of Surface

New

Optical Finishes

None

Guardrails

Avoided Visuals

sharp corners; electric colors outside coral accent; all-caps typography; metallic finishes; mirrored finishes; literal 3D rendering; hard realistic lighting

Allowed Visuals

large consistent radii; pill buttons; rounded cards; soft blob badges; gentle hue-shifted drop shadows; filled rounded icons; warm cream backgrounds

Avoided Words

successfully processed; unexpected error has occurred; please contact support; passive voice; lengthy formal apologies

Colors

#FFF8F045%Usage: Background

#D9C4EE16%Usage: Primary pastel surfaces

#FFD1B814%Usage: Secondary pastel surfaces

#B9EBD814%Usage: Supporting pastel surfaces

#FF6F5E6%Usage: Primary action

#4A3B3B4%Usage: Typography

#F4A6A61%Usage: Error state

Palette Size

6–8 colors

Color Temperature

Warm

Saturation Range

Softly saturated pastels; coral is the only saturated accent

Contrast Strategy

Low contrast

Hue Relationships

Analogous

Gradient Policy

No gradients

Shadow Color

Hue-shifted

Black & White Point

Lifted blacks + Rolled-off highlights

Accessibility Level

Basic

Container / Boundary

Container presence

Explicit (shape mask)

Container shape

Rounded square

Corner treatment

Fully rounded

Container Dominance

Visual element

Padding rules

Generous

Edge behavior

Content fully contained

Shape Language

Shape Basis

Rounded geometric containers with organic blob and badge accents

Primitive Dominance

Circles, Rectangles, Freeform curves

Edge Sharpness

Fully rounded

Silhouette Clarity

Iconic

Curve Consistency

Uniform radius

Negative Space Usage

Balanced

Angle Usage

None

Line & Stroke System

Stroke Usage

No stroke (fill-only)

Custom Style Items

Pastel hierarchy

Use one pastel as the lead surface; reserve coral exclusively for the primary action.

Inflated depth

Gentle shadows imply tactile lift; never render objects with literal 3D depth.

Responsive reduction

At small sizes reduce shadow before reducing corner roundness; never introduce sharp corners.

Logo treatment

Lowercase rounded wordmark with blob or circular badge; retain a soft shadow in all standard lockups.

......X