Aura / design language

Made to feel alive.

Soft shapes, crisp surfaces, expressive color, and a sense of welcome. This is the visual foundation behind Aura.

01 / Identity

One mark. A world of possibility.

The Aura arc is the app's signature. It stands alone as a symbol or sits close to the Aura wordmark as a single brand lockup.

Symbol / lightAura arc symbolUse where the brand is already named nearby.
Primary lockup
Aura
Use for headers, introductions, and brand recognition.
Symbol / darkAura arc symbol on a dark backgroundUse the matching dark artwork on near-black surfaces.

Keep the arc's proportions and diagonal gradient intact. Do not stretch it, recolor it, add effects, or pull the name so far away that they read as separate elements.

02 / Color

Color with purpose.

The primary Aura gradient carries the brand's energy. Neutral surfaces give content room to breathe; accent colors clarify meaning.

Primary Aura gradient

Top-left to bottom-right · four stops

#7C3AED#9D2DE2#D62EC8#FF6A32
Brand purple#8B5CF6
Brand pink#EC4899
Brand orange#F97316
Supporting blue#3B82F6
Light canvas#FFFFFF
Light card#F5F5F7
Dark canvas#09090B
Dark surface#18181B

Reserve the full gradient for identity and primary actions. Use plain text color for long reading, and maintain accessible contrast on every surface.

03 / Typography

Friendly, clear, and confident.

Nunito is Aura's primary typeface across the app and web. Heavy headings establish character; readable body text carries the conversation.

Display / Nunito 800

Step Inside Aura.

Headline / Nunito 700

Find your people.

Body / Nunito 400

A social space made for the moments that bring us closer. Clear language and comfortable spacing make every screen feel welcoming.

Interface / Nunito 700

Explore · Join a room · Send message

04 / Interface

Soft shapes. Flat surfaces.

Aura favors rounded rectangles, light-grey cards on a white canvas, clear hierarchy, and minimal visual noise.

Actions
Primary action Secondary action
One clear primary action per context. Secondary actions stay quiet.
Surfaces & shapes
A
Rounded-square avatarsFlat white and soft-grey layers
Common corner radii: 8, 12, 16, 24, 32, and 40 px. Pills are reserved for small controls and tags.
Expressive, not noisy

Let one colorful focal point lead each view.

Social first

People, content, and conversations stay at the center.

Consistent everywhere

The same visual rules carry from mobile app to public website and admin tools.