Profile & Themes
Edit your personal information, change your password, and choose an architect-named theme in ArchiJAM.
Profile & Themes
The Profile page (/profile) lets you manage your personal information, update your password, and customize the app's appearance. Access it by clicking your user card at the bottom of the sidebar.
Personal information
Editable fields:
- First name and last name
- Job title
- Cell phone and work phone
- Office location
Changes are saved via PUT /api/users/[id].
Change password
Three fields: current password, new password, confirm password.
A password strength indicator gives live feedback as you type. Strong passwords use a mix of uppercase, lowercase, numbers, and symbols.
Personalization
Theme picker
A card grid showing all eight architect-named themes. Each card shows:
- A mini UI preview (sidebar + header + Gantt bars in the theme's colors)
- The theme name in its characteristic typeface
- A swatch strip showing the background, surface, accent, and border colors
Selecting a card applies the theme immediately as a live preview across the whole app. Click Save to persist the choice.
The eight themes
| Key | Name | Aesthetic | Accent color | Heading font |
|---|---|---|---|---|
mies | Mies van der Rohe | Steel, glass, monochrome | Blue #4B7BEC | Inter |
wright | Frank Lloyd Wright | Prairie warmth, earth tones | Amber #D97706 | Playfair Display |
ando | Tadao Ando | Raw concrete, stark | Cool gray #9CA3AF | Space Mono |
barragan | Luis Barragán | Deep teal + hot pink | Hot pink #F0609E | Raleway |
hadid | Zaha Hadid | Parametric future, deep indigo | Violet #7C3AED | Outfit |
graves | Michael Graves | Warm terracotta + cyan-teal | Cyan-teal #0891B2 | Cormorant Garamond |
kuma | Kengo Kuma | Japanese nature, warm wood | Warm amber #B45309 | Noto Serif |
piano | Renzo Piano | Glass and light, sky blue | Sky blue #0EA5E9 | Plus Jakarta Sans |
Every theme ships full light and dark variants. The light/dark toggle in the sidebar is independent of the theme choice — you can use any theme in either mode.
Barragán and Graves use complementary color schemes where the accent hue sits approximately 155–175° opposite the background tone on the color wheel. All other themes use analogous or tonal palettes.
Avatar
Color tab A grid of 20 curated colors. Selecting one sets your avatar background color, used when no profile photo is uploaded. The avatar shows your initials on the chosen background throughout the app (sidebar, team cards, task assignee chips).
Photo tab Upload a profile photo. When a photo is set it takes precedence over the initials avatar everywhere. (Upload functionality is available in current builds; see release notes for your version.)
Light / dark mode
The sidebar contains a Sun/Moon toggle that switches between light and dark mode. The preference is saved to localStorage and persists across sessions. It is independent of your chosen theme — every theme supports both modes.