Media & Entertainment / iOS / Android / Web

Ente Photos

Ente Photos builds its scheme from black and white at fixed opacities over gray gallery surfaces, so photos carry the color, and keeps green for success and red for danger.

Download
  • #08C225
  • #000000
  • #F4F4F4
  • #161616
  • #F63A3A
  • #1071FF

Color

Every color token in the file, grouped by role.

Brand

  • primary#000000
  • on primary#FFFFFF
  • accent#08C225
  • accent dark#069D1E
  • accent darker#057C18
  • accent wash#E7F6E9
  • accent stroke#BAECC2
  • accent web#1DB954
  • ink secondary#666666
  • dark ink secondary#B3B3B3
  • dark primary#FFFFFF

Surfaces

  • paper#FFFFFF
  • canvas#F4F4F4
  • surface soft#FBFBFB
  • surface grey#F2F2F2
  • dark bg#161616
  • dark surface#1B1B1B
  • dark surface raised#252525

Text

  • ink#000000
  • ink faint#808080
  • dark ink#FFFFFF

Lines

  • divider#E0E0E0
  • dark divider#3D3D3D

Status

  • warning#FF6565
  • danger#F63A3A
  • danger wash#FAEBEB

More

  • golden#FFC107
  • share blue#1071FF
  • auth purple#9610D6

Typography

Each style is set with the file's own family, size, weight and spacing.

  • InterOpen font, shown as published.
  • h148px / 500 / 1.1

    Ente Photos

  • h232px / 500 / 1.15

    Ente Photos

  • h324px / 500 / 1.2

    Pack my box with five dozen liquor jugs

  • body16px / 500 / 1.4

    The quick brown fox jumps over the lazy dog

  • body small14px / 500 / 1.4

    The quick brown fox jumps over the lazy dog

  • label bold16px / 600 / 1.3

    Continue to checkout

Shape

Corner radius tokens.

  • sm8px
  • md12px
  • pill999px

Spacing

The spacing scale, drawn to size.

  • xs4px
  • sm8px
  • base16px
  • lg24px
  • xl32px

Components

Component tokens drawn with the colors, type and corners they name.

  • button primary
    button-primary
  • button accent
    button-accent
  • card
    card
  • card dark
    card-dark
Read the full DESIGN.md The written rationale behind the tokens
Design tokens YAML front matter, 109 lines
version: alpha
name: Ente-Photos-design-analysis
description: "An encrypted photo app that looks like a gallery, not a vault: black and white ink at fixed opacities on soft gray and white surfaces, Inter at medium weight, a single bright green for positive state, and an 8px corner on controls. The mobile and web apps carry the same scheme and a related accent set."
status: Draft
appVersion: "source snapshot of the public sources, 2026-10-06"
platformsCovered: [iOS, Android, Web]
reviewer: ""
verifiedAt: ""

colors:
  primary: "#000000"
  on-primary: "#ffffff"
  accent: "#08c225"
  accent-dark: "#069d1e"
  accent-darker: "#057c18"
  accent-wash: "#e7f6e9"
  accent-stroke: "#baecc2"
  accent-web: "#1db954"
  ink: "#000000"
  ink-secondary: "#666666"
  ink-faint: "#808080"
  paper: "#ffffff"
  canvas: "#f4f4f4"
  surface-soft: "#fbfbfb"
  surface-grey: "#f2f2f2"
  divider: "#e0e0e0"
  warning: "#ff6565"
  danger: "#f63a3a"
  danger-wash: "#faebeb"
  golden: "#ffc107"
  share-blue: "#1071ff"
  auth-purple: "#9610d6"
  dark-bg: "#161616"
  dark-surface: "#1b1b1b"
  dark-surface-raised: "#252525"
  dark-ink: "#ffffff"
  dark-ink-secondary: "#b3b3b3"
  dark-divider: "#3d3d3d"
  dark-primary: "#ffffff"

typography:
  h1:
    fontFamily: "Inter, sans-serif"
    fontSize: 48px
    fontWeight: 500
    lineHeight: 1.1
  h2:
    fontFamily: "Inter, sans-serif"
    fontSize: 32px
    fontWeight: 500
    lineHeight: 1.15
  h3:
    fontFamily: "Inter, sans-serif"
    fontSize: 24px
    fontWeight: 500
    lineHeight: 1.2
  body:
    fontFamily: "Inter, sans-serif"
    fontSize: 16px
    fontWeight: 500
    lineHeight: 1.4
  body-small:
    fontFamily: "Inter, sans-serif"
    fontSize: 14px
    fontWeight: 500
    lineHeight: 1.4
  label-bold:
    fontFamily: "Inter, sans-serif"
    fontSize: 16px
    fontWeight: 600
    lineHeight: 1.3

rounded:
  sm: 8px
  md: 12px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  base: 16px
  lg: 24px
  xl: 32px

components:
  button-primary:
    backgroundColor: "{colors.primary}"
    textColor: "{colors.on-primary}"
    typography: "{typography.label-bold}"
    rounded: "{rounded.sm}"
    height: 52px
  button-accent:
    backgroundColor: "{colors.accent-darker}"
    textColor: "{colors.on-primary}"
    typography: "{typography.label-bold}"
    rounded: "{rounded.sm}"
    height: 52px
  card:
    backgroundColor: "{colors.paper}"
    textColor: "{colors.ink}"
    typography: "{typography.body}"
    rounded: "{rounded.sm}"
    padding: 16px
  card-dark:
    backgroundColor: "{colors.dark-surface}"
    textColor: "{colors.dark-ink}"
    typography: "{typography.body}"
    rounded: "{rounded.sm}"
    padding: 16px

Overview

Ente Photos is an end-to-end encrypted alternative to Google Photos. A recent changelog mentions a redesigned photo viewer with an information sheet that avoids overwhelming the interface. [Observed]

What defines the look:

  1. Ink by opacity. Text and strokes are black or white at fixed alphas (muted 60 percent, faint 50 percent on light, 70 and 50 percent on dark), so the scheme works on any surface. [Measured]
  2. Gray gallery surfaces. Light pages are #f4f4f4 with white elevated layers, and dark pages are #161616 with #1b1b1b and #252525 layers. [Measured]
  3. Green for positive. Green #08c225 (and #1db954 on web) marks success and the photos brand, while red #f63a3a marks danger. [Measured]
  4. Medium-weight Inter. The regular weight is 500, bold is 600. [Measured]

Source for this file: the public Ente source for the mobile and web apps, read on 2026-10-06. No on-device capture was done. See Known Gaps.

Core

Colors

RoleLightDarkWhere
Page background#f4f4f4#161616mobile scheme
Elevated surface#ffffff#1b1b1b
Second elevated surface#fbfbfb#252525
Text#000000#ffffff
Muted textblack at 60 percentwhite at 70 percent
Faint textblack at 50 percentwhite at 50 percent
Base fill (buttons)#000000#ffffff
Faint fillblack at 4 percentwhite at 12 percent
Stroke muted, faintblack at 24, 12 percentwhite at 24, 16 percent
Grey fill#f2f2f2#424242
Green#08c225, dark #069d1e, darker #057c18same
Green wash and stroke#e7f6e9, #baecc2#212121, #1c4122
Red#f63a3asame
Warning#ff6565same
Web accentsphotos #1db954, share #1071ff, auth #9610d6, golden #ffc107web theme

All values are [Measured]. Alpha values are stored as RGBA with the stated opacity. The web theme also defines paper #fafafa and a warm cream variant for another product, which are not listed.

Typography

Inter throughout the mobile app: h1 48, h2 32 and h3 24 at weight 500, with bold at 600; body styles at 16, 14 and smaller steps. [Measured] The web app's font stack was not captured in the file read. [Inferred as Inter]

Shape and spacing

Controls use an 8px corner on mobile and web. [Measured] Flat design: elevation is set to zero in several theme places. [Measured] Spacing values were not mapped.

Iconography and motion

Icons are thin and monochrome with tab icons at 85 percent black (80 percent white in dark). [Measured] Motion values were not measured.

Themes

Light and dark on mobile and web, with a system option. [Measured]

Platform: iOS

How the iOS app looks and behaves. Items come from public source files.

Back and up navigation

Expected on iOS: Chevron plus previous title, swipe from the left edge.

A back control and swipe-back on iOS. [Inferred]

Primary navigation

Expected on iOS: Bottom tab bar, about five items.

A bottom tab bar for the photo library and related areas. The exact tabs were not confirmed. [Inferred]

Main action

Expected on iOS: Nav bar or bottom bar button.

Backup and upload are the main actions, shown through status and a button. The placement was not confirmed. [Inferred]

Sheets, dialogs and messages

Expected on iOS: Action sheets, alerts, modals.

Custom bottom sheets and dialogs from the app's own component set. [Inferred]

Controls

Expected on iOS: Cupertino switches, pickers, segmented controls.

Custom controls: buttons with the base fill, text fields, toggles and menu items drawn by the app, not stock Cupertino widgets. [Inferred]

Text sizing

Expected on iOS: Dynamic Type.

Text scaling support was not checked. [Inferred]

Touch and pointer targets

Expected on iOS: 44pt minimum.

Not verified. [Inferred]

Insets and system bars

Expected on iOS: Safe areas, status bar.

Not verified. [Inferred]

Icons

Expected on iOS: SF Symbols or custom.

Custom icon set. [Inferred]

Account and sign-in rules

Expected on iOS: Equivalent login option when third-party sign-in exists (Guideline 4.8) and in-app account deletion. Note the date checked.

Email sign-in with end-to-end encryption keys. Guideline 4.8 is likely not triggered. In-app account deletion was not checked. [Inferred] Checked: 2026-10-06 against source only.

Platform conformance

Expected on iOS: For each important component: what iOS expects, what this app does, and why it deviates.

Shared design across platforms, so iOS does not use stock controls. The app follows its own scheme on both platforms. [Inferred]

Platform: Android

How the Android app looks and behaves. Items come from public source files.

Back and up navigation

Expected on Android: System back and gesture, up arrow in the top bar.

System back and an in-app back control. [Inferred]

Primary navigation

Expected on Android: Navigation bar, rail on tablets.

The same bottom tab structure as iOS. [Inferred]

Main action

Expected on Android: Floating action button.

Same as iOS. A floating action button was not confirmed. [Inferred]

Sheets, dialogs and messages

Expected on Android: Bottom sheets, dialogs, snackbars.

Custom bottom sheets, dialogs and toasts. [Inferred]

Controls

Expected on Android: Material switches, pickers, chips.

Custom controls rather than Material widgets. [Inferred]

Text sizing

Expected on Android: Font scale.

Not checked against system font scale. [Inferred]

Touch and pointer targets

Expected on Android: 48dp minimum.

Not verified. [Inferred]

Insets and system bars

Expected on Android: Edge to edge, system bars.

Not verified. [Inferred]

Icons

Expected on Android: Material Symbols or custom.

Custom icons shared with iOS. [Inferred]

Account and sign-in rules

Expected on Android: Account deletion and data safety requirements. Note the date checked.

Account deletion and the data safety form were not checked. [Inferred] Checked: 2026-10-06 against source only.

Platform conformance

Expected on Android: For each important component: what Android expects, what this app does, and why it deviates.

Shared design, no Material components. [Inferred]

Platform: Web

The Ente web app with a custom theme. Items come from public source files.

Back and up navigation

Expected on Web: Browser back, breadcrumbs.

Browser back and in-app navigation. [Inferred]

Primary navigation

Expected on Web: Top nav or sidebar.

Not measured. [Inferred]

Main action

Expected on Web: Page-level button.

Not measured. [Inferred]

Sheets, dialogs and messages

Expected on Web: Modals, toasts.

Dialogs styled through the theme. [Inferred]

Controls

Expected on Web: Native or custom.

Controls with an 8px shape and a green switch (#2eca45). [Measured]

Text sizing

Expected on Web: Browser zoom.

Not measured. [Inferred]

Touch and pointer targets

Expected on Web: Pointer and keyboard.

Not verified. [Inferred]

Insets and system bars

Expected on Web: Viewport, scrollbars.

Not measured. [Inferred]

Icons

Expected on Web: Any.

Not measured. [Inferred]

Account and sign-in rules

Expected on Web: Not applicable unless the product has accounts.

Email sign-in. [Inferred]

Platform conformance

Expected on Web: For each important component: what the web norm is, what this app does, and why it deviates.

A custom theme, so web shares the palette with the mobile apps while its controls are drawn differently. [Measured for the theme, Inferred for controls]

Cross-platform consistency

Consistent across platforms: black and white ink on gray surfaces, green accents, Inter, 8px corners. [Measured]

Intentionally different: the web theme carries accents for other Ente products (photos, share, auth) that the mobile photos scheme does not. [Measured]

Do's and Don'ts

Do

  • Express text, fill and stroke as black or white at fixed opacities.
  • Keep surfaces gray in light and near-black in dark, with two elevation layers.
  • Use green only for success and the photos brand, red only for danger.
  • Keep the 8px corner and flat styling.

Don't

  • Don't use faint text (50 percent) for anything essential.
  • Don't introduce a colored primary button. The main button is the base ink.
  • Don't add shadows. The theme sets elevation to zero in most places.

Known Gaps

  • No on-device capture was done. All statements come from reading source.
  • The primary button color is inferred as the base ink fill, since the button component file was not read.
  • Mobile navigation structure, spacing and motion were not measured, and the web layout was not measured.
  • Text and stroke values are alphas over the surface, so effective contrast depends on the layer and was not computed.
  • Account deletion and store policy rules were not verified for either app.